Share via


Verifique se uma página é utilizável por pessoas com cegueira colorida

Para marcar que uma página da Web é utilizável por pessoas com cegueira colorida, na ferramenta Renderização, use a lista suspensa Emular deficiências de visão.

Na página da Web de demonstração de teste de acessibilidade, os diferentes estados de doação usam a cor como o único meio de diferenciação:

  • Verde significa que uma grande quantidade de doações foram recebidas.
  • Amarelo significa que uma quantidade média de doações foram recebidas.
  • Vermelho significa que uma baixa quantidade de doações foram recebidas.

Mas você não pode esperar que todos os usuários experimentem essas cores conforme o planejado. Usando o recurso Emular deficiências de visão da ferramenta Renderização , você pode descobrir que esse design não é bom o suficiente, simulando como pessoas com visão diferente perceberiam seu design.

Para marcar se uma página da Web é utilizável por pessoas com cegueira colorida:

  1. Abra a página da Web em uma nova janela ou guia, como a página da Web de demonstração de teste de acessibilidade.

  2. Clique com o botão direito do mouse em qualquer lugar da página da Web e selecione Inspecionar. Ou pressione F12. O DevTools é aberto ao lado da página da Web. Por padrão, o painel Modo de Exibição Rápida está aberto na parte inferior do DevTools.

  3. Se o painel Modo de Exibição Rápida ainda não estiver aberto, pressione Esc para abrir o painel Modo de Exibição Rápida (quando o foco estiver em DevTools). No painel Modo de Exibição Rápida , clique no botão Mais ferramentas (+) e selecione a ferramenta Renderização .

  4. Role para baixo até a lista suspensa Emular deficiências de visão e selecione Protanopia (sem vermelho). A protanopia é reduzida à luz vermelha, dificultando a diferenciação de verde, vermelho e amarelo:

    Mostrar o documento como alguém com protanopia o veria

  5. Para remover a simulação, na lista suspensa Emular deficiências de visão , selecione Nenhuma emulação.

Confira também

  • Emular deficiências de visão – define os itens na lista suspensa Emular deficiências de visão , incluindo Protanopia, Deuteranopia, Tritanopia e Achromatopsia.