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

Para simular a visão desfocada, na ferramenta Composição , utilize o menu Emular deficiências visuais. Quando utiliza esta funcionalidade com a página Web de demonstração de teste de acessibilidade, pode ver que a sombra pendente no texto no menu superior dificulta a leitura dos itens de menu.

Para marcar se uma página Web é utilizável com visão desfocada:

1. Abra a página Web de demonstração de teste de acessibilidade numa nova janela ou separador.

2. Para abrir o DevTools, clique com o botão direito do rato na página Web e, em seguida, selecione Inspecionar. Em alternativa, prima Ctrl+Shift+I (Windows, Linux) ou Comando+Opção+I (macOS). O DevTools é aberto.

3. Em DevTools, na Barra de Atividade, clique no botão Mais ferramentas () e, em seguida, selecione Composição.

4. Na ferramenta Composição , desloque-se para a secção Emular deficiências visuais .

5. Na secção Emular deficiências visuais, selecione Visão desfocada:

   

   A simulação de visão desfocada revela que, no menu superior, a text-shadow propriedade CSS dificulta a leitura do texto dos itens de menu (como Base e Adoção de um Animal de Estimação).

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

Confira também

• Emular deficiências visuais