Requisitos WCAG 2.1 AA Explicados: O Que Precisa de Saber
Compreender o WCAG 2.1 AA
As Web Content Accessibility Guidelines (WCAG) 2.1, publicadas pelo World Wide Web Consortium (W3C), são as normas internacionalmente reconhecidas para acessibilidade web. O Nível AA é o nível de conformidade exigido pela maioria das leis de acessibilidade em todo o mundo, incluindo a Lei Europeia da Acessibilidade (EAA).
Este guia decompõe cada requisito em linguagem simples, para que possa compreender exatamente o que é necessário para tornar o seu website conforme.
Estrutura do WCAG
O WCAG está organizado numa hierarquia clara:
- 4 Princípios: Percetível, Operável, Compreensível, Robusto
- 13 Diretrizes: Objetivos de alto nível dentro de cada princípio
- 78 Critérios de Sucesso: Declarações testáveis em três níveis (A, AA, AAA)
A conformidade de Nível AA requer o cumprimento de todos os 30 critérios de sucesso do Nível A mais 20 critérios adicionais do Nível AA, num total de 50 critérios de sucesso.
Princípio 1: Percetível
O conteúdo deve ser apresentável de formas que todos os utilizadores possam perceber.
Alternativas de Texto (1.1)
1.1.1 Conteúdo Não Textual: Todo o conteúdo não textual (imagens, ícones, gráficos) deve ter uma alternativa textual que sirva o propósito equivalente.
Media Temporal (1.2)
1.2.2 Legendas (Nível A): Todo o áudio pré-gravado em conteúdo de vídeo deve ter legendas sincronizadas.
1.2.4 Legendas em Direto (Nível AA): O conteúdo áudio em direto deve ter legendas em tempo real.
1.2.5 Audiodescrição (Nível AA): O conteúdo de vídeo pré-gravado deve ter audiodescrição para informação visual.
Adaptável (1.3)
1.3.1 Informação e Relações: A informação e a estrutura devem estar disponíveis programaticamente. Use hierarquias de cabeçalhos adequadas, listas, tabelas e etiquetas de formulários.
1.3.4 Orientação (Nível AA, novo no 2.1): O conteúdo não deve ser restrito a uma única orientação de ecrã.
1.3.5 Identificar Propósito do Input (Nível AA, novo no 2.1): Campos de entrada que recolhem informação pessoal devem ter o seu propósito determinável programaticamente usando atributos autocomplete.
Distinguível (1.4)
1.4.3 Contraste Mínimo (Nível AA): O texto deve ter um rácio de contraste de pelo menos 4.5:1 contra o fundo. Texto grande requer um mínimo de 3:1.
1.4.4 Redimensionar Texto (Nível AA): O texto deve ser redimensionável até 200% sem perda de conteúdo.
1.4.10 Refluxo (Nível AA, novo no 2.1): O conteúdo deve refluir sem requerer scroll bidimensional a 320 pixels CSS de largura.
1.4.11 Contraste Não Textual (Nível AA, novo no 2.1): Componentes de interface e objetos gráficos devem ter um rácio de contraste de pelo menos 3:1.
1.4.13 Conteúdo ao Passar/Focar (Nível AA, novo no 2.1): Conteúdo que aparece ao passar o rato ou focar deve ser dispensável, sobrevoável e persistente.
Princípio 2: Operável
Acessível por Teclado (2.1)
2.1.1 Teclado: Toda a funcionalidade deve ser operável através de uma interface de teclado.
2.1.2 Sem Armadilha de Teclado: O foco deve poder ser movido para fora de qualquer componente usando apenas o teclado.
Navegável (2.4)
2.4.5 Múltiplas Formas (Nível AA): Forneça mais do que uma forma de localizar uma página web (navegação, pesquisa, mapa do site).
2.4.6 Cabeçalhos e Etiquetas (Nível AA): Os cabeçalhos e etiquetas devem descrever o tópico ou propósito.
2.4.7 Foco Visível (Nível AA): O indicador de foco do teclado deve ser visível.
Princípio 3: Compreensível
Legível (3.1)
3.1.2 Idioma das Partes (Nível AA): O idioma de cada passagem que difere do idioma da página deve ser determinável programaticamente.
Previsível (3.2)
3.2.3 Navegação Consistente (Nível AA): Os mecanismos de navegação devem aparecer na mesma ordem relativa.
3.2.4 Identificação Consistente (Nível AA): Componentes com a mesma funcionalidade devem ser identificados consistentemente.
Assistência na Entrada (3.3)
3.3.3 Sugestão de Erro (Nível AA): Quando erros são detetados e sugestões são conhecidas, forneça-as ao utilizador.
3.3.4 Prevenção de Erros (Nível AA): Para páginas com compromissos legais ou transações financeiras, as submissões devem ser reversíveis, verificadas ou confirmadas.
Princípio 4: Robusto
4.1.3 Mensagens de Estado (Nível AA, novo no 2.1): As mensagens de estado devem ser determinadas programaticamente para serem apresentadas por tecnologias assistivas sem receber foco.
Como Testar a Conformidade
Testar requer uma combinação de abordagens automatizadas e manuais. Ferramentas como o EAAPass podem verificar automaticamente muitos critérios WCAG em todo o seu website, identificando problemas como texto alternativo em falta, contraste insuficiente e etiquetas de formulário em falta.
Inicie a Sua Jornada de Conformidade
Cumprir todos os 50 critérios de sucesso do WCAG 2.1 AA pode parecer intimidante, mas com a abordagem e ferramentas certas, é inteiramente alcançável. Comece com uma auditoria automatizada usando o EAAPass para compreender o seu nível atual de conformidade. Obtenha a sua auditoria gratuita hoje.