Ir para o conteúdo principal
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Dicas de design de dashboard acessíveis (Studio)


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


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.

Exemplo:

  • Widgets de referência por nome em vez de sua posição no painel (por exemplo, “o widget à direita” não é significativo para um usuário com deficiência visual).
  • Diferencie os pontos de dados com etiquetas em vez de apenas com cores.

Paletas de cores personalizadas

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

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.

Qdica: estas configurações são específicas do usuário. Outros usuários que visualizam o mesmo dashboard ou livro não verão os preenchimentos de padrão aplicados nem visualizarão o tema de cores.

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

Qdica: a opção de editar uma descrição não está disponível para tipos de widget de conteúdo.

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.

Qdica: Para obter informações sobre como adicionar texto alternativo para descrever uma imagem e tornar seu dashboard mais acessível aos usuários que dependem de um leitor de tela, consulte a página Widget de imagem.
  1. Clique em Editar na parte superior direita do painel relevante.
    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.
    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.
    Na janela Editar widget, selecione a guia Propriedades. Edite a descrição na caixa Descrição
  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.

Muitas das páginas neste site foram traduzidas do inglês original usando tradução automática. Embora na Qualtrics tenhamos feito nossa diligência prévia para obter as melhores traduções automáticas possíveis, a tradução automática nunca é perfeita. O texto original em inglês é considerado a versão oficial, e quaisquer discrepâncias entre o inglês original e as traduções automáticas não são juridicamente vinculativas.