Lupa digital

Efetuar testes de acessibilidade é uma das melhores formas de aprender sobre o assunto.

As ferramentas de testes automatizados apontam erros de código e não aderência as diretrizes diretamente no código, desta forma não é necessário ler e decorar toda a documentação de padrões da linguagem ou diretrizes para entender aonde os problemas ocorrem.

Abaixo descrevo um pequeno processo de testes que costumo usar.

1. Efetuar testes automatizados (Automático)
   1. Verificar aderência aos padrões de código W3C, HTML e CSS, quanto a sintaxe e semântica. Ferramentas: W3C Markup Validation Service e CSS Validation Service
   2. Verificar aderência aos padrões WCAG 2.0 Ferramenta: Acess Monitor Plus
2. Efetuar testes manuais (Manual)
   1. Verificar no código se possui declaração de documento definido.
   2. Verificar se o código, apesar de válido, é constituído por objetos naturais do HTML. 
   3. Verifica se existe uma estrutura consistente de apresentação e navegação
      • Título, cabeçalho, corpo da página, rodapé, menu
   4. Verificar se é possível navegar na página e entre páginas utilizando apenas o teclado
   5. Verificar a existência de erros de Javascript Ferramenta: Navegador Chrome
3. Efetuar testes híbridos (Híbrido)
   1. Verificar contraste de cores Ferrramenta: tota11y for Chrome e total11y for Firefox
   2. Utilizando o leitor de telas, verificar se todos os objetos da página são navegáveis via teclado
      • Verificar se todos os objetos da página são navegáveis através das setas
      • Verificar se todos os objetos que recebem foco são navegáveis através da tecla TAB Ferramenta para Web: NVDA Ferramenta para Android: Talk Back (nativo)
      • Avaliei se os textos podem ser simplificados para facilitar a tradução para Libras. 
        • Ferramenta: Plugin Vlibras do Chrome
      • Utilize Linguagem Simples para garantir que as informações podem ser entendidas por todos. Em uma ferramenta de Inteligência Artifical utilize o prompt a seguir e logo após escreva ou cole o seu texto:  Prompt: Rescreva o texto abaixo utilizando o conceito de linguagem simples, utilizando os conceitos de inteligibilidade de Flesch-Kincaid.
        • Ferramenta: ChatGPT ou Copilot.
        • Técnica com AI: Veja exemplo no item 21 - Linguagem simples, no menu desta cartilha.