Por que a acessibilidade importa: níveis WCAG

Acessibilidade na Web significa garantir que pessoas com deficiência possam perceber, compreender, navegar e interagir com a Web:

• Deficiências visuais — cegueira, baixa visão, daltonismo
• Deficiências motoras — incapacidade de usar um mouse
• Deficiências auditivas — surdez
• Deficiências cognitivas — dislexia, ADHD, dificuldades de memória

A acessibilidade é importante por vários motivos:

• Direito humano — todas as pessoas merecem acesso à Web
• Requisito legal — ADA, Seção 508, Lei Europeia de Acessibilidade
• Argumento de negócio — 15% da população mundial tem alguma deficiência (1 bilhão de pessoas)
• Otimização para mecanismos de busca — sites acessíveis geralmente obtêm melhor classificação
• Melhor experiência do usuário para todos — efeito da guia rebaixada: as legendas ajudam em ambientes barulhentos

WCAG (Diretrizes de Acessibilidade para Conteúdo da Web) é o padrão internacional de acessibilidade na Web publicado pelo W3C:

• Versão atual: WCAG 2.1 (amplamente adotada), WCAG 2.2 (2023)
• WCAG 3.0 está em desenvolvimento
• Organizada segundo 4 princípios: POUR

A WCAG baseia-se em quatro princípios fundamentais. O conteúdo deve ser:

• Perceptível — os usuários devem conseguir perceber as informações
• Operável — os usuários devem conseguir operar a interface
• Utilizável — o conteúdo deve ser compreensível
• Robusto — o conteúdo deve funcionar com tecnologias assistivas atuais e futuras

A WCAG tem três níveis de conformidade:

• Nível A — mínimo; deve ser atendido. Sem ele, grupos importantes ficam excluídos.
• Nível AA — recomendado para a maioria dos sites; exigido pela maioria das leis
• Nível AAA — ideal, mas não obrigatório; nível de exigência muito elevado

Requisitos essenciais do nível A:

• Todas as imagens têm texto alternativo
• Todo áudio tem uma transcrição ou legenda
• Nenhum conteúdo pisca mais de 3 vezes por segundo (risco de convulsão)
• Os usuários podem pausar, parar ou ocultar conteúdo em movimento
• Todas as funcionalidades podem ser acessadas pelo teclado

Requisitos do nível AA (o objetivo padrão):

• Relação de contraste do texto: pelo menos 4.5:1
• Os indicadores de foco da interface são visíveis
• Redimensionar o texto para 200% não desestrutura o layout
• Os formulários têm rótulos adequados
• As mensagens de erro identificam e descrevem os erros
• Navegação consistente entre as páginas

Requisitos do nível AAA (aspiracionais):

• Relação de contraste do texto: pelo menos 7:1
• Interpretação em língua de sinais para o áudio
• Nível de leitura: no máximo equivalente ao 9º ano
• Carga cognitiva minimizada
• Os limites de tempo da sessão podem ser desativados

Leis de acessibilidade na Web em todo o mundo:

• USA — ADA (Lei dos Americanos com Deficiência), Seção 508 (federal)
• EU — Lei Europeia de Acessibilidade (EAA) — em vigor a partir de 2025
• UK — Lei da Igualdade de 2010, regulamentações do setor público
• Canadá — AODA, ACA
• Austrália — DDA (Lei contra a Discriminação por Deficiência)

Sites acessíveis beneficiam todas as pessoas:

• As legendas ajudam em ambientes barulhentos
• Um bom contraste de cores ajuda sob luz solar intensa
• A navegação pelo teclado ajuda usuários avançados
• Uma linguagem clara ajuda falantes não nativos
• 15% dos usuários têm alguma deficiência — um mercado significativo

Como começar a criar sites acessíveis:

1. Use elementos HTML semânticos corretamente
2. Teste com um teclado: você consegue usar o site sem um mouse?
3. Verifique as relações de contraste com o Verificador de Contraste da WebAIM
4. Adicione texto alternativo a todas as imagens relevantes
5. Execute a auditoria de acessibilidade do Lighthouse
6. Teste com um leitor de tela gratuito (NVDA ou VoiceOver)

Qual nível de conformidade da WCAG é exigido com mais frequência pelas leis de acessibilidade?

Elementos essenciais da WCAG:

• POUR: Perceptível, Operável, Utilizável, Robusto
• Nível A — mínimo; deve ser aprovado
• Nível AA — recomendado; exigido pela maioria das leis
• Nível AAA — ideal; não é obrigatório para todo o site
• Comece com HTML semântico, navegação pelo teclado e texto alternativo