Partilhar via

Funcionalidades de teste de acessibilidade

Este artigo lista aspetos de acessibilidade típicos para testar páginas Web e as funcionalidades correspondentes no Microsoft DevTools.

Texto alternativo para imagens

Aspeto de acessibilidade do marcar Funcionalidade de DevTools Artigo
Verificar se as imagens têm texto alternativo SecçãoAcessibilidade da ferramenta > Problemas do relatório Verifique se as imagens têm texto alternativo em Testar automaticamente uma página Web para problemas de acessibilidade
Verificar se as imagens têm texto alternativo Problemas da ferramenta >Lighthouse sobre texto alternativo Testar a acessibilidade com o Lighthouse

Suporte de teclado

Aspeto de acessibilidade do marcar Funcionalidade de DevTools Artigo
Verificar o suporte do teclado Inspecionar a secção Acessibilidade da ferramenta > de sobreposição Utilize a ferramenta Inspecionar para detetar problemas de acessibilidade ao pairar o rato sobre a página Web e Analisar páginas HTML com a ferramenta Inspecionar
Verificar o suporte do teclado Tecla de Tabulação, Shift+Tecla de Tabulação e Enter Procurar suporte de teclado utilizando as teclas Tabulação e Enter
Verificar o suporte do teclado: verifique se o foco está indicado Ferramenta Inspecionar, separador Estilos e ferramenta Origens Analisar a falta de indicação do foco do teclado
Verificar o suporte do teclado: verifique se os botões de formulário podem ser utilizados com o teclado Ferramenta Inspecionar, árvore DOM na ferramenta Elementos e separador Serviços de Escuta de Eventos Analisar a falta de suporte do teclado num formulário
Verificar o suporte do teclado: verificar a ordem das teclas de tabulação SeparadorAcessibilidade da ferramenta > Elementos Visualizador de Encomendas de Origem> Testar o suporte do teclado com o Visualizador de Encomendas de Origem
Verificar o suporte do teclado Problemas da ferramenta >Lighthouse sobre o suporte de teclado Testar a acessibilidade com o Lighthouse

Contraste de texto

Aspeto de acessibilidade do marcar Funcionalidade de DevTools Artigo
Verifique se o texto tem contraste suficiente (automaticamente, para toda a página) SecçãoAcessibilidade da ferramenta > Problemas do relatório Verifique se as cores de texto têm contraste suficiente em Testar automaticamente uma página Web para problemas de acessibilidade
Verificar se o texto tem contraste suficiente Separador>Estilos da ferramenta > Elementos Seletor de Cores Testar o contraste de cor do texto com o Seletor de Cores
Verificar se o texto tem contraste suficiente Inspecionar a secção Acessibilidade da ferramenta > da linha De contraste sobreposta> Utilize a ferramenta Inspecionar para detetar problemas de acessibilidade ao pairar o rato sobre a página Web e Analisar páginas HTML com a ferramenta Inspecionar
Verifique se o texto tem contraste suficiente: no estado de pairar Separador>Estilos da ferramenta > Elementos Ativar/Desativar Estado do Elemento (mostra caixas de verificação Forçar estado do elemento) Verificar a acessibilidade de todos os estados dos elementos
Verifique se o texto tem contraste suficiente: com tema escuro (modo escuro) e tema claro Ferramenta >de composiçãoEmular funcionalidade de multimédia CSS prefers-color-scheme Verificar se existem problemas de contraste com tema escuro e tema claro
Verifique se o texto tem contraste suficiente (automaticamente, para toda a página) Problemas da ferramenta >Lighthouse sobre o contraste de texto Testar a acessibilidade com o Lighthouse

Suporte para leitores de ecrã

Aspeto de acessibilidade do marcar Funcionalidade de DevTools Artigo
Verificar o suporte do leitor de ecrã: verifique se os campos de entrada têm etiquetas SecçãoAcessibilidade da ferramenta > Problemas do relatório Verifique se os campos de entrada têm etiquetas em Testar automaticamente uma página Web para problemas de acessibilidade
Verificar o suporte do leitor de ecrã Inspecionar a secção Acessibilidade da ferramenta > do Nome e função de sobreposição > Utilize a ferramenta Inspecionar para detetar problemas de acessibilidade ao pairar o rato sobre a página Web e Analisar páginas HTML com a ferramenta Inspecionar
Verificar o suporte do leitor de ecrã Separador>Acessibilidade da ferramenta> Elementos Árvore de Acessibilidade Verifique a Árvore de Acessibilidade para obter suporte de teclado e leitor de ecrã e Teste a acessibilidade com o separador Acessibilidade
Verificar o suporte do leitor de ecrã Problemas da ferramenta >Lighthouse sobre o suporte do leitor de ecrã Testar a acessibilidade com o Lighthouse

Deficiências de visão

Aspeto de acessibilidade do marcar Funcionalidade de DevTools Artigo
Verifique se a página Web é utilizável por pessoas com daltonismo Lista pendente Emular deficiências visuais da ferramenta >de composição Verifique se uma página é utilizável por pessoas com daltonismo
Verifique se a página Web é utilizável com a visão desfocada Lista pendente Emular deficiências visuais da ferramenta >de composição Verifique se uma página é utilizável com visão desfocada
Verifique se a página Web é utilizável com a animação da IU desativada (movimento reduzido) Ferramenta >de composiçãoEmular funcionalidade de multimédia CSS prefere-reduced-motion Verifique se uma página é utilizável com a animação de IU desativada
Verifique se a página Web é utilizável por pessoas com deficiências visuais Problemas da ferramenta >Lighthouse sobre deficiências visuais Testar a acessibilidade com o Lighthouse

Utilizável quando estreito

Aspeto de acessibilidade do marcar Funcionalidade de DevTools Artigo
Verifique se o esquema da página Web é utilizável quando é estreito Ferramenta de Emulação de Dispositivos Verifique se o esquema da página Web é utilizável quando for estreito e Emular dispositivos móveis (Emulação do Dispositivo)

Confira também

  • Last updated on