Emular deficiências visuais

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

Deficiência em termos de visão de cores Detalhes
Visão turva 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.
Acromatopsia O usuário não consegue perceber nenhuma cor, o que reduz todas as cores a um tom de cinza.

As ferramentas Emular deficiências visuais simulam aproximações de como uma pessoa com cada deficiência pode ver seu produto. Cada pessoa é diferente, portanto, as deficiências visuais variam em gravidade de pessoa para pessoa. Para atender melhor às necessidades dos usuários, evite qualquer combinação de cores que possa ser um problema. As ferramentas Emular deficiências visuais não fornecem uma avaliação completa da acessibilidade do seu produto, mas fornecem um primeiro passo importante 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). O DevTools é aberto.

  2. No 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 de Mais ferramentas). A ferramenta Renderização é aberta.

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

    A seção Emular deficiências visuais 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 visual 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 de cores selecionada

Usar o Menu de Comando

Como 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 visual que você deseja simular e pressione Enter.

    O menu de comando mostrando os diferentes tipos de deficiências visuais

Confira também