O que é uma lista de verificação do cumprimento da WCAG 2.2?
WCAG 2.2 - a versão atual das Diretrizes de Acessibilidade para Conteúdo Web - contém 86 critérios de sucesso testáveis organizados segundo quatro princípios: o conteúdo deve ser Percetível, Operável, Compreensível e Robusto (POUR). Cada critério tem um nível: A (o mínimo), AA (o objetivo normalizado) ou AAA (o objetivo desejável). Estar em conformidade com o Nível AA significa cumprir os 31 critérios do Nível A e os 24 critérios do Nível AA - 55 verificações no total, e é isso que esta lista de verificação abrange.
O Nível AA é o objetivo porque é o patamar utilizado no exterior: os tribunais e os reguladores remetem para as WCAG AA quando definem o que é um sítio Web acessível, o que faz destes 55 itens o equivalente mais próximo acessibilidade web tem para uma lista oficial de tarefas. As WCAG 2.2 baseiam-se em 2.1 - tudo o que fez para a 2.1 continua a contar - com a adição de seis novos critérios A/AA e a retirada de um antigo (4.1.1).
Cada item abaixo contém uma ligação para a respetiva página na nossa biblioteca de critérios, onde cada critério da norma é explicado individualmente: o que exige em linguagem simples, quem depende dele, como o cumprir e as falhas que causam problemas nos sites.
Como utilizar esta lista de verificação
Encare a lista como um fluxo de trabalho, não como um quadro de pontuação:
- Analise primeiro. Execute gratuitamente o verificador de acessibilidade nos seus principais modelos, ou o robô de rastreio em todo o site. A automatização testa de forma fiável cerca de um terço dos critérios - contraste, texto alternativo, etiquetas, ARIA, estrutura - e fornece-lhe de imediato uma lista de falhas confirmadas como ponto de partida.
- Corrija os modelos, não as páginas. A maioria das falhas encontra-se em componentes partilhados; corrigir um cabeçalho, formulário ou cartão resolve a mesma ocorrência em todas as páginas que o utilizam.
- Deixe a automatização assumir a sua parte - e apenas a sua parte. Da EqualWeb widget de acessibilidade resolves most of the common issues automation can recognize, depending on how the site is built, which accelerates remediation enormously. But no tool ticks items off this checklist for you: a criterion counts as met only when testing on your real pages shows it holds.
- Verifique o restante manualmente. Uma verificação apenas com teclado, uma verificação com leitor de ecrã e uma verificação com ampliação de 400% nos seus fluxos críticos abrangem a maior parte do que as máquinas não conseguem avaliar - os restantes dois terços dos critérios.
- Registe a data e documente cada passagem. Uma lista de verificação que possa apresentar - quem testou o quê, quando e o que foi corrigido - é a prova relevante caso alguma vez receba uma carta de interpelação.
Percetível - 20 critérios (9 A, 11 AA)
As informações e os componentes da interface devem poder ser apresentados de formas que os utilizadores consigam percecionar - vendo-os, ouvindo-os ou lendo-os através de tecnologias de apoio.
- 1.1.1 Conteúdo Não Textual A - Todas as imagens, ícones e gráficos relevantes têm uma alternativa em texto que cumpre a sua finalidade; as imagens decorativas estão marcadas para serem ignoradas.
- 1.2.1 Apenas áudio e apenas vídeo (pré-gravado) A - O conteúdo apenas de áudio tem uma transcrição; o vídeo sem faixa sonora tem um equivalente em texto ou áudio.
- 1.2.2 Legendas (pré-gravadas) A - Todos os vídeos pré-gravados com som incluem legendas exatas e sincronizadas.
- 1.2.3 Audiodescrição ou alternativa multimédia (pré-gravada) A - O vídeo pré-gravado tem uma audiodescrição ou uma alternativa integral em texto do que acontece no ecrã.
- 1.2.4 Legendas (em direto) AA - As transmissões em direto e os webinars têm legendas em tempo real.
- 1.2.5 Audiodescrição (pré-gravada) AA - Os vídeos pré-gravados têm audiodescrição para as informações visuais que a banda sonora não transmite.
- 1.3.1 Informações e Relações A - Os títulos, as listas, as tabelas e as etiquetas dos formulários são marcação real, não apenas formatação visual.
- 1.3.2 Meaningful Sequence A - A ordem de leitura no código corresponde à ordem que faz sentido.
- 1.3.3 Características sensoriais A - As instruções nunca dependem apenas da forma, da cor ou da posição ("clique no botão verde à direita").
- 1.3.4 Orientação AA - O conteúdo funciona tanto na orientação vertical como na horizontal; a orientação nunca é bloqueada sem um motivo essencial.
- 1.3.5 Identificar a finalidade do campo de entrada AA - Os campos pessoais comuns (nome, e-mail, morada) incluem atributos de preenchimento automático.
- 1.4.1 Utilização da cor A - A cor nunca é a única forma de transmitir informações.
- 1.4.2 Controlo de Áudio A - O áudio que começa automaticamente pode ser colocado em pausa, parado ou silenciado.
- 1.4.3 Contraste (Mínimo) AA - O texto do corpo atinge um contraste de 4.5:1 em relação ao fundo; o texto grande atinge 3:1.
- 1.4.4 Resize Text AA - O texto é redimensionado para 200% sem perder conteúdo ou funcionalidade.
- 1.4.5 Imagens de texto AA - É utilizado texto real em vez de imagens de texto (exceto logótipos).
- 1.4.10 Refluxo AA - A página adapta-se a uma largura de 320 px (zoom de 400%) sem deslocamento horizontal.
- 1.4.11 Contraste não textual AA - Os controlos, indicadores de foco e elementos gráficos significativos atingem um contraste de 3:1.
- 1.4.12 Espaçamento do texto AA - Nada fica cortado ou sobreposto quando os utilizadores aumentam a altura da linha e o espaçamento entre letras, palavras e parágrafos.
- 1.4.13 Conteúdo ao passar o cursor ou ao focar AA - As descrições e as janelas informativas podem ser fechadas, permitem manter o ponteiro sobre elas e permanecem visíveis até serem fechadas.
Operável - 20 critérios (14 A, 6 AA)
A navegação e a interação devem funcionar para todos - utilizadores que usam apenas o teclado, pessoas com tremores e pessoas que não conseguem ver um ponteiro.
- 2.1.1 Teclado A - Todos os elementos da página podem ser utilizados apenas com um teclado.
- 2.1.2 Sem Bloqueio do Teclado A - O foco do teclado pode sempre afastar-se de cada componente - sem bloqueios.
- 2.1.4 Atalhos de teclado com caracteres A - Os atalhos de um único caráter podem ser desativados ou remapeados.
- 2.2.1 Temporização ajustável A - Os limites de tempo podem ser desativados, ajustados ou prolongados antes de expirarem.
- 2.2.2 Colocar em pausa, parar, ocultar A - Os carrosséis, as animações e os conteúdos atualizados automaticamente podem ser colocados em pausa, parados ou ocultados.
- 2.3.1 Três flashes ou abaixo do limiar A - Nada pisca mais de três vezes por segundo.
- 2.4.1 Ignorar blocos A - Uma ligação para saltar conteúdo ou pontos de referência permitem aos utilizadores ultrapassar a navegação repetida.
- 2.4.2 Página com título A - Cada página tem um título único e descritivo.
- 2.4.3 Ordem do foco A - A navegação com a tecla Tab percorre a página numa ordem que preserva o significado.
- 2.4.4 Finalidade da ligação (em contexto) A - Cada ligação torna claro o seu destino através do respetivo texto ou contexto imediato - sem um simples "clique aqui".
- 2.4.5 Várias formas AA - Existe mais do que uma forma de chegar a uma página: navegação e pesquisa ou um mapa do site.
- 2.4.6 Cabeçalhos e etiquetas AA - Os títulos e as etiquetas descrevem efetivamente o conteúdo ou controlo que introduzem.
- 2.4.7 Foco visível AA - O foco do teclado é sempre indicado de forma visível.
- 2.4.11 Foco não oculto (mínimo) AA - O elemento em foco nunca fica completamente oculto por cabeçalhos ou rodapés fixos nem por faixas de cookies. Novo na versão 2.2.
- 2.5.1 Gestos do ponteiro A - Deslizar, aproximar com os dedos e outros gestos baseados em trajetos têm alternativas de toque único.
- 2.5.2 Cancelamento do ponteiro A - As ações são concluídas ao soltar, não ao premir, pelo que um toque incorreto pode ser cancelado.
- 2.5.3 Etiqueta no nome A - O nome acessível de um controlo contém a respetiva etiqueta visível (o controlo por voz depende disso).
- 2.5.4 Acionamento por movimento A - Tudo o que seja acionado ao agitar ou inclinar o dispositivo também dispõe de um controlo convencional.
- 2.5.7 Movimentos de arrastar AA - Cada ação de arrastar e largar tem uma alternativa simples de clique ou toque. Novo na versão 2.2.
- 2.5.8 Tamanho do alvo (mínimo) AA - Os alvos têm pelo menos 24×24 píxeis CSS ou estão suficientemente afastados entre si. Novo na versão 2.2.
Compreensível - 13 critérios (7 A, 6 AA)
O conteúdo e os controlos devem comportar-se de forma previsível, ser lidos com clareza e permitir corrigir erros.
- 3.1.1 Idioma da página A - A página declara o respetivo idioma (atributo lang no elemento html).
- 3.1.2 Idioma das Partes AA - As passagens noutro idioma são assinaladas com o respetivo atributo lang.
- 3.2.1 Ao receber o foco A - Focar um elemento nunca provoca uma mudança de contexto inesperada.
- 3.2.2 Ao introduzir dados A - Alterar um campo ou uma definição nunca provoca um envio ou redirecionamento inesperado.
- 3.2.3 Consistent Navigation AA - A navegação repetida aparece pela mesma ordem em todas as páginas.
- 3.2.4 Identificação consistente AA - A mesma função tem o mesmo nome e rótulo em todo o lado.
- 3.2.6 Ajuda consistente A - As opções de ajuda - contactos, chat, perguntas frequentes - encontram-se no mesmo local em todas as páginas. Novo na versão 2.2.
- 3.3.1 Identificação de Erros A - Os erros são identificados num texto que indica qual foi o campo que falhou e porquê.
- 3.3.2 Etiquetas ou instruções A - Cada campo de introdução tem uma etiqueta visível ou instruções claras.
- 3.3.3 Sugestão de erro AA - As mensagens de erro indicam como corrigir o problema.
- 3.3.4 Prevenção de erros (jurídicos, financeiros, de dados) AA - As submissões jurídicas, financeiras e de dados podem ser revistas, corrigidas ou anuladas.
- 3.3.7 Introdução redundante A - As informações já introduzidas num processo nunca voltam a ser solicitadas. Novo na versão 2.2.
- 3.3.8 Autenticação acessível (mínimo) AA - O início de sessão nunca exige memorização ou transcrição; é permitido colar e utilizar gestores de palavras-passe. Novo na versão 2.2.
Robusto - 2 critérios (1 A, 1 AA)
O conteúdo tem de continuar a funcionar à medida que os navegadores e as tecnologias de apoio evoluem.
- 4.1.2 Nome, função, valor A - Os componentes personalizados expõem o respetivo nome, função e estado às tecnologias de apoio.
- 4.1.3 Mensagens de Estado AA - As atualizações de estado («Adicionado ao carrinho», «3 resultados encontrados») são anunciadas sem retirar o foco.
O princípio Robusto incluía anteriormente um terceiro critério: 4.1.1 Análise sintática foi removido da WCAG 2.2 porque os navegadores modernos já corrigem os erros de marcação a que se destinava. Se a sua lista de verificação antiga ainda o incluir, risque-o.
Os 9 novos critérios de sucesso das WCAG 2.2
Se o seu sítio já cumpria WCAG 2.1 AA, estas são as únicas adições que o separam da versão 2.2 - seis nos níveis A/AA (na lista de verificação acima) e três no nível AAA (além do objetivo legal, indicadas para referência):
| Critério | Nível | O que exige |
|---|---|---|
| 2.4.11 Foco não oculto (mínimo) | AA | Os cabeçalhos, rodapés e banners fixos nunca podem ocultar totalmente o elemento que tem o foco do teclado. |
| 2.4.12 Foco não oculto (melhorado) | AAA | Nenhuma parte do elemento com foco pode ficar oculta por outro conteúdo. |
| 2.4.13 Aparência do foco | AAA | Os indicadores de foco têm de cumprir os requisitos mínimos de tamanho e contraste. |
| 2.5.7 Movimentos de arrastar | AA | Cada ação de arrastar necessita de uma alternativa simples com um único ponteiro. |
| 2.5.8 Tamanho do alvo (mínimo) | AA | Os alvos interativos precisam de ter pelo menos 24×24 píxeis CSS ou um espaçamento equivalente. |
| 3.2.6 Ajuda consistente | A | Os mecanismos de ajuda devem aparecer num local consistente em todas as páginas. |
| 3.3.7 Introdução redundante | A | Um processo não pode pedir duas vezes a mesma informação. |
| 3.3.8 Autenticação acessível (mínimo) | AA | O início de sessão não deve depender de um teste cognitivo; a função de colar e os gestores de palavras-passe devem funcionar. |
| 3.3.9 Autenticação acessível (melhorada) | AAA | Nenhum teste cognitivo na autenticação, nem sequer reconhecimento de objetos. |
Verificar a lista de controlo: automatizado ou manual
A divisão realista para verificar estes 55 elementos:
- A automatização testa cerca de um terço deles. Os critérios com respostas determináveis por máquina - relações de contraste, texto alternativo em falta, campos sem etiqueta, atributo lang em falta, ARIA incorreta - são precisamente aquilo que os analisadores detetam. Execute o verificador de acessibilidade em qualquer página para obter um relatório WCAG imediato e mantenha monitorização ativado, para que um item aprovado não possa regredir silenciosamente após a próxima versão.
- As pessoas verificam o restante. Ordem do foco, qualidade do texto alternativo, alternativas aos gestos, tratamento de erros, sequência de leitura - cerca de dois terços dos critérios exigem apreciação. Os auditores certificados percorrem a lista completa, critério a critério, e entregam-lhe um documento relatório de auditoria, que também serve como prova do cumprimento normativo.
A divisão é a mesma, quer o seu objetivo seja Cumprimento da ADA, o Ato Europeu da Acessibilidade ou uma norma nacional - todas convergem nestes critérios WCAG, e o cumprimento completo Conformidade com as WCAG inclui sempre ambas as partes. Para saber como tratar cada uma, consulte Testes das WCAG.
Perguntas frequentes
Quantos critérios de sucesso constam da lista de verificação WCAG 2.2 AA?
55 - os 31 critérios de sucesso de Nível A e os 24 de Nível AA da WCAG 2.2. A norma completa contém 86 critérios, incluindo o Nível AAA; o antigo critério 4.1.1 Análise sintática foi removido na versão 2.2.
As WCAG 2.2 AA são legalmente obrigatórias?
As leis remetem para as WCAG em vez de definirem regras técnicas próprias. Os tribunais dos EUA e o Department of Justice consideram as WCAG AA a referência para a ADA - a regra do Título II especifica as WCAG 2.1 AA para os governos estaduais e locais - e o European Accessibility Act baseia-se nas WCAG através da EN 301 549. Trabalhar segundo as WCAG 2.2 AA abrange essas referências e reduz substancialmente o risco jurídico; nenhuma lista de verificação assegura imunidade.
Uma ferramenta pode tornar automaticamente o meu site conforme com a WCAG 2.2?
No. Automated tools test roughly a third of the criteria, and EqualWeb's accessibility widget resolves most of the common issues automation can recognize, depending on how the site is built - a strong head start, not conformance. The remaining checks need human judgement, which is why serious programs pair automation with expert review.
Qual é a diferença relativamente a uma lista de verificação das WCAG 2.1?
A WCAG 2.1 AA tem 50 critérios Level A e Level AA; a 2.2 AA tem 55. A Version 2.2 acrescenta seis critérios A/AA - foco não oculto, movimentos de arrastar, tamanho do alvo, ajuda consistente, introdução redundante e autenticação acessível - e remove o 4.1.1 Parsing. Tudo o que fez para a 2.1 continua a contar para a 2.2.
Com que frequência devo voltar a verificar a lista?
Encare-o como um ciclo, não como uma ação pontual: cada versão pode invalidar um critério anteriormente cumprido. Mantenha a monitorização automática continuamente ativa e repita a verificação manual após reformulações, novos modelos ou alterações ao processo de pagamento - no mínimo uma vez por ano.
- W3C, Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.2 - w3.org
- W3C WAI, Compreender as WCAG 2.2 - w3.org/WAI
- W3C WAI, Novidades na WCAG 2.2 - w3.org/WAI
- W3C WAI, Como cumprir as WCAG (referência rápida) - w3.org/WAI
Última atualização
Descubra quais dos 55 já cumpre
Execute uma análise gratuita com o verificador de acessibilidade da EqualWeb para o terço automatizável e deixe que especialistas certificados pela IAAP/CPWA verifiquem o restante - auditoria, correção das barreiras, monitorização e documentação incluídas.