WCAG 2.1: Guia Prático para Developers e Designers Web

WCAG 2.1 em linguagem simples

As WCAG (Web Content Accessibility Guidelines) são as diretrizes internacionais de acessibilidade web. A versão 2.1 nível AA é o standard exigido pelo European Accessibility Act.

Estrutura das WCAG

As WCAG organizam-se em 4 princípios, 13 diretrizes e 78 critérios de sucesso. Os critérios dividem-se em três níveis: A (mínimo), AA (recomendado) e AAA (máximo).

Critérios mais importantes (nível AA)

Texto alternativo (1.1.1)

Todas as imagens devem ter atributo alt descritivo. Imagens decorativas usam alt="".

Contraste de cores (1.4.3)

Texto normal: ratio mínimo de 4.5:1. Texto grande (18pt+): ratio mínimo de 3:1.

Redimensionamento (1.4.4)

O conteúdo deve ser legível com zoom de 200% sem perda de funcionalidade.

Navegação por teclado (2.1.1)

Toda a funcionalidade deve ser acessível via teclado (Tab, Enter, Escape, setas).

Foco visível (2.4.7)

O indicador de foco (outline) deve ser sempre visível durante a navegação por teclado.

Linguagem da página (3.1.1)

A tag deve incluir o atributo lang="pt".

Ferramentas de verificação

Para testar conformidade, use:

Recursos adicionais

O EAAPass não só identifica problemas como gera instruções de correção em linguagem acessível para developers e designers.