Níveis WCAG A AA AAA

Cerca de 15% da população mundial tem algum tipo de deficiência. Sites acessíveis funcionam para todos: usuários de leitores de tela, usuários que usam apenas o teclado, usuários com baixa visão e usuários em redes lentas. A acessibilidade também é uma exigência legal em muitas jurisdições.

WCAG é o padrão do W3C que define o que torna o conteúdo da Web acessível. Versão atual: WCAG 2.2 (outubro de 2023). A sucessora, WCAG 3, está em fase inicial de elaboração.

A WCAG é organizada em torno de quatro princípios: Perceptível, Operável, Compreensível e Robusto. Cada critério de sucesso se enquadra em um deles.

As informações devem ser apresentadas de maneiras que os usuários possam perceber: texto alternativo para imagens, legendas para vídeos, contraste de cores suficiente e texto redimensionável até 200% sem perda de funcionalidade.

Todas as funcionalidades devem funcionar por meio do teclado: sem interações que dependam apenas do mouse, com tempo suficiente para ler o conteúdo, sem conteúdo piscante que possa provocar convulsões e com formas claras de navegação.

O conteúdo e a operação devem ser compreensíveis: o idioma legível deve ser declarado, os padrões de navegação devem ser previsíveis, as mensagens de erro devem ser claras e conter sugestões, e os rótulos devem ser consistentes.

O conteúdo deve funcionar com tecnologias assistivas atuais e futuras. Use HTML válido, siga as práticas recomendadas de ARIA e garanta que nome, função e valor possam ser determinados programaticamente.

Nível A: mínimo (obrigatório). Nível AA: meta padrão (o que a maioria das leis exige). Nível AAA: o mais alto, mas impraticável para sites inteiros; aplicado apenas a páginas críticas.

A maioria dos projetos busca WCAG 2.1 AA ou 2.2 AA: o nível exigido pelo European Accessibility Act (EAA), pela Seção 508 nos US e pela maioria das regras de contratação empresarial.

Nível A: texto alternativo em imagens e acesso pelo teclado. Nível AA: proporção de contraste de 4,5:1 para texto, nenhuma informação transmitida apenas por cor, foco visível e redimensionamento para 200%. Nível AAA: contraste de 7:1, língua de sinais para vídeos e ajuda sensível ao contexto.

1) Adicione texto alternativo a todas as imagens. 2) Use HTML semântico (button, nav, h1-h6). 3) Garanta que o contraste de cores atenda à proporção de 4,5:1. 4) Teste o site usando apenas o teclado. 5) Adicione rótulos a todos os campos de entrada de formulários. 6) Use um indicador de foco visível.

Qual nível de conformidade da WCAG é a meta legal típica para a maioria dos sites e aplicativos?

WCAG 2.2 é o padrão atual. Quatro princípios: perceptível, operável, compreensível e robusto (POUR). Três níveis de conformidade: A (básico), AA (objetivo legal) e AAA (mais alto). Busque o nível AA para cumprir a legislação. Ganhos rápidos: texto alternativo, HTML semântico, contraste de 4,5:1, teste com teclado, entradas rotuladas e focus visível.