Emular deficiências de visão

Para atender melhor às necessidades dos usuários com deficiência de visão colorida (cegueira colorida) ou visão desfocada, o Microsoft Edge DevTools permite simular a visão desfocada e deficiências específicas de visão colorida. A ferramenta Emular deficiências de visão simula as seguintes categorias:

Deficiência de visão colorida Detalhes
Visão desfocada O usuário tem dificuldade em se concentrar em detalhes finos.
Protanopia O usuário não consegue perceber nenhuma luz vermelha.
Deuteranopia O usuário não consegue perceber nenhuma luz verde.
Tritanopia O usuário não consegue perceber nenhuma luz azul.
Achromatopsia O usuário não consegue perceber nenhuma cor, o que reduz toda a cor a um tom de cinza.

As ferramentas Emular deficiências de visão simulam aproximações de como uma pessoa com cada deficiência pode ver seu produto. Cada pessoa é diferente, portanto, as deficiências de visão variam em gravidade de pessoa para pessoa. Para atender melhor às necessidades de seus usuários, evite qualquer combinação de cores que possa ser um problema. As ferramentas De emular deficiências de visão não fornecem uma avaliação completa de acessibilidade do seu produto, mas fornecem uma boa primeira etapa para evitar problemas.

Abrir a ferramenta renderização

Para simular como uma pessoa com deficiência visual veria sua página da Web, use a ferramenta Renderização :

  1. Para abrir o DevTools, clique com o botão direito do mouse na página da Web e selecione Inspecionar. Ou pressione Ctrl+Shift+I (Windows, Linux) ou Command+Option+I (macOS). DevTools é aberto.

  2. Em DevTools, na Barra de Atividades, selecione a guia Renderização . Se essa guia não estiver visível, clique no botão Mais ferramentas (ícone Mais ferramentas). A ferramenta renderização é aberta.

  3. Role para baixo até a seção Emular deficiências de visão :

    A seção Emular deficiências de visão na ferramenta Renderização

  4. Clique na lista suspensa Sem emulação e selecione uma opção. A janela do navegador simula a deficiência de visão selecionada na página da Web renderizada:

    A janela do navegador, com cores modificadas na página da Web para simular a deficiência de visão colorida selecionada

Usar o Menu de Comando

Como uma abordagem alternativa, você pode usar o Menu de Comando para acessar as diferentes simulações:

  1. Pressione Ctrl+Shift+P (Windows, Linux) ou Command+Shift+P (macOS) para abrir o Menu de Comando.

  2. Digite emular, selecione o tipo de deficiência de visão que você deseja simular e pressione Enter.

    O menu de comando mostrando os diferentes tipos de deficiências de visão

Confira também