Verifique se uma página é utilizável com visão turva

Para simular a visão turva, na ferramenta Renderização , use o menu Emular deficiências de visão . Ao usar esse recurso com a página da Web de demonstração de teste de acessibilidade, você pode ver que a sombra projetada no texto no menu superior dificulta a leitura dos itens do menu.

Para marcar se uma página da Web pode ser usada com visão turva:

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

2. 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.

3. No DevTools, na Barra de Atividades, clique no botão Mais ferramentas () e selecione Renderização.

4. Na ferramenta Renderização , role até a seção Emular deficiências visuais .

5. Na seção Emular deficiências visuais , selecione Visão turva:

   

   A simulação de visão turva revela que, no menu superior, a text-shadow propriedade CSS dificulta a leitura do texto dos itens do menu (como Home e Adopt a Pet).

6. Para remover a simulação de visão turva, na ferramenta Renderização , em Emular deficiências de visão, selecione Sem emulação.

Confira também

• Emular deficiências visuais