Dicas de design de dashboard acessíveis (Studio)

Dicas para Design de painel acessível no Studio

A Qualtrics tem o compromisso de ajudar você a criar e manter conteúdo acessível para os visualizadores do painel. Aqui estão algumas dicas rápidas para criar painéis mais acessíveis no Studio!

Design para telas menores

Os dashboards do Studio são dimensionados de forma responsiva para uma variedade de tamanhos de tela, mas alguns layouts se adaptam a visões menores mais facilmente do que outros. Projetar seus painéis com um layout de uma ou duas colunas ajudará a garantir que o conteúdo não seja empacotado ou truncado drasticamente.

Usar alternativas de texto para imagens e visualizações de dados

Alternativas de texto para imagens fornecem aos usuários deficientes visuais ou sem visão uma descrição de qualquer conteúdo visual em seus painéis. Ao editar seu painel, você pode adicionar texto e descrições de imagem alternativa a widgets de imagem e visualizações de dados. Para obter informações sobre como editar descrições de widgets, consulte a seção Edição de uma descrição de widget de visualização abaixo.

Bons títulos de imagem alt são específicos e concisos. Descreva a imagem, o logotipo ou os símbolos da forma mais sucinta possível, ao mesmo tempo que fornece uma explicação robusta da imagem para os usuários que não conseguem vê-los. Um bom título de imagem alt normalmente tem menos de 125 caracteres. Para obter informações sobre como adicionar texto alternativo para descrever uma imagem para tornar seu painel mais acessível aos usuários que dependem de um leitor de tela, por favor, a página Widget de imagem.

Incluir descrições longas para imagens complexas ou visualizações de dados

Gráficos, gráficos e diagramas contêm informações substanciais que não podem ser transmitidas em um curto título de imagem alt. Além de um título descritivo, o XM Discover gera automaticamente descrições longas dinâmicas para todos os widgets, exceto os tipos de widget de conteúdo. Essas descrições resumem os pontos de dados essenciais e apontam informações relevantes que a visualização se destina a comunicar. Para obter informações sobre como editar essas descrições, consulte a seção Edição de uma descrição para um widget de visualização abaixo.

Não utilizar imagens como texto

Quando o texto é nivelado em uma imagem, ele não pode ser “rastreado” ou lido por leitores de tela e outras tecnologias assistivas. Em vez de imagens, use nosso widget de bloco de texto e estilos de cabeçalho (H1, H2, H3 etc.) para incorporar uma estrutura semântica ao conteúdo em seus painéis. Se você deseja exibir a organização de um modelo de categoria ou rubrica em seu painel, use o widget do visualizador de objetos em vez de inserir capturas de tela.

Usar cor, tamanho e posição para transmitir informações

Seja atencioso em seu uso de cor, tamanho e posição de elementos para transmitir informações. Os visualizadores do painel devem ser capazes de entender o conteúdo sem depender apenas de características sensoriais.

Paletas de cores personalizadas

Você pode criar e gerenciar as paletas de cores usadas nos painéis do Studio.

Preenchimentos de modelo e modo escuro

Usuários com vários níveis de capacidade visual podem aplicar preenchimentos de padrão ou escolher um tema de cores de visualização para painéis e livros.

Cores da métrica condicional

Você pode atualizar suas cores de métrica facilmente na página Métricas do Studio. Ao fazer alterações, lembre-se de que isso afetará a exibição para todos os usuários em sua organização. Para métricas do XM Discover, como opinião e esforço, os ícones são incorporados para complementar as cores representativas, diminuindo a dependência da cor como a única fonte de informação.

Não sobrecarregar dashboards

Mantenha seus dashboards o mais simples possível para garantir que o conteúdo e a interatividade sejam compreensíveis e navegáveis para todos os usuários.

Edição de uma descrição de widget de visualização

O XM Discover gera automaticamente descrições longas dinâmicas para widgets de visualização. Essas descrições editáveis resumem os pontos de dados essenciais e indicam informações relevantes que a visualização se destina a comunicar.

1. Clique em Editar na parte superior direita do painel relevante.
   
2. Expanda o menu de ações no canto superior direito do widget relevante e clique em Editar.
   
3. Na janela Editar widget, selecione a guia Propriedades.
   
4. Edite a descrição na caixa Descrição (até 1.000 caracteres).
   Qdica: Para obter informações sobre descrições, consulte a seção Incluir descrições longas para imagens complexas ou visualizações de dados acima.
   Qdica: Para dicas sobre como escrever descrições acessíveis para gráficos interativos, consulte o guia de Highchart sobre como escrever descrições acessíveis para gráficos interativos.