Uma lista prática de acessibilidade por recurso

Uma lista de verificação para cada funcionalidade transforma a acessibilidade de um objetivo vago em algumas verificações concretas que você realiza antes de cada disponibilização. 📋

Uma lista de verificação prática é curta o suficiente para ser executada em poucos minutos. Se levar uma hora, as pessoas a ignorarão discretamente sob a pressão do prazo.

Primeiro item: desconecte o mouse e use a funcionalidade apenas com o teclado. Tudo em que você pode clicar deve poder ser alcançado pela tecla Tab.

Enquanto navega com a tecla Tab, confirme que o indicador de foco está sempre claramente visível e que a ordem acompanha a leitura do conteúdo.

Verifique se títulos, listas, botões e links usam os elementos corretos, para que a estrutura esteja correta antes de qualquer uso de ARIA.

Todo campo de entrada tem um rótulo real, e todo botão com ícone tem um nome acessível, para que os leitores de tela os anunciem com clareza.

Imagens informativas têm um texto alternativo significativo, enquanto as puramente decorativas usam texto alternativo vazio para que os leitores de tela as ignorem.

Verifique se o texto atende aos mínimos de contraste e se nenhuma informação é transmitida apenas pela cor, como um erro indicado somente em vermelho.

Faça uma verificação rápida com um leitor de tela para confirmar que a funcionalidade é anunciada de forma compreensível e que nada importante é lido como vazio.

Aplique zoom de 200% à página e verifique se ela se reorganiza sem perder conteúdo nem exigir uma rolagem desconfortável em duas direções.

Trate esta como uma lista inicial. Adicione itens para os componentes e padrões mais usados pelo seu produto e remova o que nunca se aplicar.

Uma lista de verificação curta para cada funcionalidade, cobrindo teclado, foco, semântica, nomes, texto alternativo, contraste e uma verificação com leitor de tela, mantém cada disponibilização acessível. 📋