Lista de Verificação WCAG 2.2: Todos os 86 Critérios de Sucesso Explicados

Esta lista de verificação abrange todos os critérios de sucesso das WCAG 2.2, organizados pelos quatro princípios POUR e treze diretrizes. Cada critério inclui o seu nível de conformidade, uma explicação prática e orientação sobre o que significa na prática.

Princípio 1: Percetível

A informação e os componentes da interface do utilizador devem ser apresentáveis aos utilizadores de formas que estes possam percecionar.

Diretriz 1.1: Alternativas em Texto

1.1.1 Conteúdo Não Textual (Nível A) — Todo o conteúdo não textual apresentado ao utilizador tem uma alternativa em texto que serve o propósito equivalente. Isto inclui imagens, ícones, gráficos, áudio, vídeo, animações, CAPTCHA e elementos decorativos. As imagens informativas precisam de texto alternativo descritivo. As imagens funcionais precisam de texto alternativo que descreva a função. As imagens decorativas precisam de texto alternativo vazio. As imagens complexas precisam de descrições textuais detalhadas.

Diretriz 1.2: Média Temporal

1.2.1 Apenas Áudio e Apenas Vídeo — Pré-gravado (Nível A) — Forneça uma transcrição para conteúdo pré-gravado apenas áudio e uma transcrição ou audiodescrição para conteúdo pré-gravado apenas vídeo.

1.2.2 Legendas — Pré-gravadas (Nível A) — Forneça legendas sincronizadas para todo o conteúdo de vídeo pré-gravado com áudio.

1.2.3 Audiodescrição ou Alternativa Multimédia — Pré-gravada (Nível A) — Forneça uma audiodescrição ou alternativa textual completa para conteúdo de vídeo pré-gravado.

1.2.4 Legendas — Em Direto (Nível AA) — Forneça legendas em tempo real para todo o áudio em direto em conteúdo de vídeo.

1.2.5 Audiodescrição — Pré-gravada (Nível AA) — Forneça audiodescrições para todo o conteúdo de vídeo pré-gravado onde informação visual importante não é já transmitida no áudio.

Diretriz 1.3: Adaptável

1.3.1 Informação e Relações (Nível A) — A informação, estrutura e relações transmitidas pela apresentação são determináveis programaticamente ou estão disponíveis em texto. Utilize marcação adequada de cabeçalhos, listas, tabelas, etiquetas de formulários e marcos para transmitir a estrutura que é visualmente aparente.

1.3.2 Sequência Significativa (Nível A) — Quando a sequência na qual o conteúdo é apresentado afeta o seu significado, uma sequência de leitura correta pode ser determinada programaticamente. A ordem do DOM deve corresponder à ordem visual.

1.3.3 Características Sensoriais (Nível A) — As instruções para compreender e operar o conteúdo não dependem exclusivamente de características sensoriais como forma, cor, tamanho, localização visual, orientação ou som.

1.3.4 Orientação (Nível AA) — O conteúdo não restringe a sua visualização e operação a uma única orientação de ecrã, a menos que uma orientação específica seja essencial.

1.3.5 Identificar o Propósito da Entrada (Nível AA) — O propósito dos campos de entrada de formulário que recolhem informação do utilizador pode ser determinado programaticamente utilizando o atributo autocomplete.

Diretriz 1.4: Distinguível

1.4.1 Utilização de Cor (Nível A) — A cor não é utilizada como o único meio visual de transmitir informação, indicar uma ação, solicitar uma resposta ou distinguir um elemento visual.

1.4.2 Controlo de Áudio (Nível A) — Se o áudio é reproduzido automaticamente durante mais de três segundos, é fornecido um mecanismo para pausar, parar ou controlar o volume de forma independente.

1.4.3 Contraste — Mínimo (Nível AA) — O texto e as imagens de texto têm um rácio de contraste de pelo menos 4.5:1, exceto para texto grande (3:1), texto incidental e logótipos.

1.4.4 Redimensionar Texto (Nível AA) — O texto pode ser redimensionado até 200% sem perda de conteúdo ou funcionalidade.

1.4.5 Imagens de Texto (Nível AA) — O texto é utilizado para transmitir informação em vez de imagens de texto, exceto quando uma apresentação visual particular é essencial.

1.4.10 Refluxo (Nível AA) — O conteúdo pode ser apresentado sem perda de informação ou funcionalidade e sem necessitar de deslocamento em duas dimensões a 320 píxeis CSS de largura para conteúdo vertical e 256 píxeis CSS de altura para conteúdo horizontal.

1.4.11 Contraste Não Textual (Nível AA) — Os componentes da interface do utilizador e os objetos gráficos significativos têm um rácio de contraste de pelo menos 3:1 em relação às cores adjacentes.

1.4.12 Espaçamento de Texto (Nível AA) — Não ocorre perda de conteúdo ou funcionalidade quando os utilizadores ajustam a altura da linha para 1,5x o tamanho da fonte, o espaçamento entre parágrafos para 2x o tamanho da fonte, o espaçamento entre letras para 0,12x o tamanho da fonte e o espaçamento entre palavras para 0,16x o tamanho da fonte.

1.4.13 Conteúdo ao Passar ou Focar (Nível AA) — Quando receber e remover o ponteiro ou o foco do teclado aciona conteúdo adicional a aparecer e desaparecer, esse conteúdo é dispensável, acessível ao ponteiro e persistente.

Princípio 2: Operável

Os componentes da interface do utilizador e a navegação devem ser operáveis.

Diretriz 2.1: Acessível por Teclado

2.1.1 Teclado (Nível A) — Toda a funcionalidade é operável através de uma interface de teclado sem exigir tempos específicos.

2.1.2 Sem Armadilha de Teclado (Nível A) — Se o foco do teclado pode ser movido para um componente, o foco também pode ser movido para fora utilizando apenas o teclado.

2.1.4 Atalhos de Tecla de Caractere (Nível A) — Se um atalho de teclado utiliza apenas caracteres de letra, pontuação, número ou símbolo, o atalho pode ser desativado, remapeado ou ativado apenas quando o componente relevante tem foco.

Diretriz 2.2: Tempo Suficiente

2.2.1 Tempo Ajustável (Nível A) — Para qualquer limite de tempo definido pelo conteúdo, o utilizador pode desativar, ajustar ou prolongar o limite de tempo.

2.2.2 Pausar, Parar, Ocultar (Nível A) — Para conteúdo que se move, pisca, desloca ou atualiza automaticamente e que inicia automaticamente e dura mais de cinco segundos, os utilizadores podem pausar, parar ou ocultá-lo.

Diretriz 2.3: Convulsões e Reações Físicas

2.3.1 Três Flashes ou Abaixo do Limiar (Nível A) — Nada na página pisca mais do que três vezes em qualquer período de um segundo.

Diretriz 2.4: Navegável

2.4.1 Ignorar Blocos (Nível A) — Está disponível um mecanismo para ignorar blocos de conteúdo repetidos, como ligações de salto de navegação.

2.4.2 Página com Título (Nível A) — As páginas web têm títulos que descrevem o seu tópico ou propósito.

2.4.3 Ordem do Foco (Nível A) — Os componentes focáveis recebem foco numa ordem que preserva o significado e a operabilidade.

2.4.4 Propósito da Ligação — Em Contexto (Nível A) — O propósito de cada ligação pode ser determinado a partir do texto da ligação sozinho ou com o seu contexto.

2.4.5 Múltiplas Formas (Nível AA) — Está disponível mais do que uma forma de localizar uma página dentro de um conjunto de páginas.

2.4.6 Cabeçalhos e Etiquetas (Nível AA) — Os cabeçalhos e etiquetas descrevem o seu tópico ou propósito.

2.4.7 Foco Visível (Nível A) — Qualquer interface de utilizador operável por teclado tem um indicador de foco visível.

2.4.11 Foco Não Obscurecido — Mínimo (Nível AA) — Quando um componente recebe foco do teclado, não é totalmente ocultado por conteúdo criado pelo autor. (Novo nas WCAG 2.2)

2.4.12 Foco Não Obscurecido — Melhorado (Nível AAA) — Quando um componente recebe foco do teclado, nenhuma parte do indicador de foco é ocultada por conteúdo criado pelo autor. (Novo nas WCAG 2.2)

2.4.13 Aparência do Foco (Nível AAA) — Os indicadores de foco têm dimensão suficiente (pelo menos um perímetro de 2 píxeis) e contraste (pelo menos 3:1 entre estados focado e não focado). (Novo nas WCAG 2.2)

Diretriz 2.5: Modalidades de Entrada

2.5.1 Gestos de Ponteiro (Nível A) — Toda a funcionalidade que utiliza gestos multiponto ou baseados em caminho pode ser operada com um único ponteiro sem gesto baseado em caminho.

2.5.2 Cancelamento de Ponteiro (Nível A) — Para funcionalidade de ponteiro único, a ação é acionada no evento de soltar e pode ser abortada ou desfeita.

2.5.3 Etiqueta no Nome (Nível A) — Para componentes com etiquetas de texto, o nome acessível contém o texto apresentado visualmente.

2.5.4 Ativação por Movimento (Nível A) — A funcionalidade acionada por movimento do dispositivo ou do utilizador pode também ser operada através de um componente da interface do utilizador, e o acionamento por movimento pode ser desativado.

2.5.7 Movimentos de Arrastar (Nível AA) — Toda a funcionalidade que utiliza arrastar pode também ser alcançada por um único ponteiro sem arrastar. (Novo nas WCAG 2.2)

2.5.8 Dimensão do Alvo — Mínimo (Nível AA) — Os alvos interativos têm pelo menos 24 por 24 píxeis CSS, com exceções para alvos em linha, alvos controlados pelo agente de utilizador e alvos suficientemente espaçados. (Novo nas WCAG 2.2)

Princípio 3: Compreensível

A informação e o funcionamento da interface do utilizador devem ser compreensíveis.

Diretriz 3.1: Legível

3.1.1 Idioma da Página (Nível A) — O idioma humano predefinido de cada página web pode ser determinado programaticamente através do atributo lang.

3.1.2 Idioma das Partes (Nível AA) — O idioma humano de cada passagem ou frase pode ser determinado programaticamente, exceto para nomes próprios e termos técnicos.

Diretriz 3.2: Previsível

3.2.1 Ao Receber Foco (Nível A) — Quando qualquer componente recebe foco, não inicia uma alteração de contexto.

3.2.2 Ao Introduzir Dados (Nível A) — Alterar a definição de um componente não causa automaticamente uma alteração de contexto, a menos que o utilizador tenha sido previamente informado.

3.2.3 Navegação Consistente (Nível AA) — Os mecanismos de navegação repetidos em múltiplas páginas ocorrem na mesma ordem relativa de cada vez.

3.2.6 Ajuda Consistente (Nível A) — Se os mecanismos de ajuda aparecem em múltiplas páginas, ocorrem na mesma ordem relativa. (Novo nas WCAG 2.2)

Diretriz 3.3: Assistência na Introdução de Dados

3.3.1 Identificação de Erro (Nível A) — Se um erro de introdução é automaticamente detetado, o item em erro é identificado e o erro é descrito em texto.

3.3.2 Etiquetas ou Instruções (Nível A) — São fornecidas etiquetas ou instruções quando o conteúdo requer introdução de dados pelo utilizador.

3.3.3 Sugestão de Erro (Nível AA) — Se um erro de introdução é detetado e são conhecidas sugestões, estas são fornecidas ao utilizador.

3.3.4 Prevenção de Erros — Legal, Financeiro, Dados (Nível AA) — Para páginas que causam compromissos legais, transações financeiras ou modificações de dados, as submissões são reversíveis, verificadas ou confirmáveis.

3.3.7 Entrada Redundante (Nível A) — A informação anteriormente introduzida no mesmo processo é preenchida automaticamente ou está disponível para seleção. (Novo nas WCAG 2.2)

3.3.8 Autenticação Acessível — Mínimo (Nível AA) — Não é exigido um teste de função cognitiva para autenticação, a menos que sejam fornecidas alternativas ou mecanismos de assistência. São permitidos testes de reconhecimento de objetos. (Novo nas WCAG 2.2)

3.3.9 Autenticação Acessível — Melhorada (Nível AAA) — Igual a 3.3.8 mas sem a exceção de reconhecimento de objetos. (Novo nas WCAG 2.2)

Princípio 4: Robusto

O conteúdo deve ser suficientemente robusto para ser interpretado de forma fiável por uma ampla variedade de agentes de utilizador.

Diretriz 4.1: Compatível

4.1.2 Nome, Função, Valor (Nível A) — Para todos os componentes da interface do utilizador, o nome e a função podem ser determinados programaticamente, os estados e propriedades podem ser definidos, e as alterações estão disponíveis para as tecnologias de apoio.

4.1.3 Mensagens de Estado (Nível AA) — As mensagens de estado podem ser determinadas programaticamente através de função ou propriedades para que sejam apresentadas ao utilizador pelas tecnologias de apoio sem receberem foco.

Nota: O SC 4.1.1 Parsing foi removido das WCAG 2.2 como obsoleto.

Critérios de Nível AAA (Adicionais)

Os seguintes critérios de Nível AAA não estão listados acima mas fazem parte das WCAG 2.2. Representam o mais alto nível de acessibilidade e são recomendados sempre que viável:

1.2.6 Língua Gestual — Pré-gravada (AAA) — É fornecida interpretação em língua gestual para todo o conteúdo áudio pré-gravado.

1.2.7 Audiodescrição Alargada (AAA) — São fornecidas audiodescrições alargadas quando as pausas no áudio são insuficientes para audiodescrições regulares.

1.2.8 Alternativa Multimédia — Pré-gravada (AAA) — É fornecida uma alternativa textual completa para todo o conteúdo multimédia sincronizado pré-gravado e conteúdo apenas vídeo.

1.2.9 Apenas Áudio — Em Direto (AAA) — É fornecida uma alternativa textual para conteúdo apenas áudio em direto.

1.3.6 Identificar Propósito (AAA) — O propósito dos componentes da interface do utilizador, ícones e regiões pode ser determinado programaticamente.

1.4.6 Contraste — Melhorado (AAA) — O texto tem um rácio de contraste de pelo menos 7:1 para texto normal e 4.5:1 para texto grande.

1.4.7 Áudio de Fundo Baixo ou Inexistente (AAA) — O conteúdo pré-gravado apenas áudio que contém principalmente fala tem ruído de fundo baixo ou inexistente.

1.4.8 Apresentação Visual (AAA) — Os blocos de texto oferecem personalização visual incluindo cores de primeiro plano/fundo, largura, espaçamento entre linhas e alinhamento.

1.4.9 Imagens de Texto — Sem Exceção (AAA) — As imagens de texto são utilizadas apenas para decoração pura ou quando essenciais.

2.1.3 Teclado — Sem Exceção (AAA) — Toda a funcionalidade é operável através do teclado sem exceções.

2.2.3 Sem Tempo (AAA) — O tempo não é uma parte essencial do evento ou atividade, exceto para média em tempo real e sincronizada.

2.2.4 Interrupções (AAA) — As interrupções podem ser adiadas ou suprimidas pelo utilizador.

2.2.5 Reautenticação (AAA) — Quando uma sessão autenticada expira, o utilizador pode continuar após reautenticação sem perder dados.

2.2.6 Tempos Limite (AAA) — Os utilizadores são avisados de tempos limite de inatividade que podem causar perda de dados, a menos que os dados sejam preservados durante pelo menos 20 horas.

2.3.2 Três Flashes (AAA) — Nada na página pisca mais do que três vezes por segundo, sem exceções.

2.3.3 Animação de Interações (AAA) — A animação de movimento acionada por interação pode ser desativada, a menos que seja essencial.

2.4.8 Localização (AAA) — Está disponível informação sobre a localização do utilizador dentro de um conjunto de páginas (por exemplo, breadcrumbs).

2.4.9 Propósito da Ligação — Apenas Ligação (AAA) — O propósito de cada ligação pode ser determinado apenas pelo texto da ligação.

2.4.10 Cabeçalhos de Secção (AAA) — São utilizados cabeçalhos de secção para organizar o conteúdo.

2.5.5 Dimensão do Alvo — Melhorada (AAA) — Os alvos interativos têm pelo menos 44 por 44 píxeis CSS.

2.5.6 Mecanismos de Entrada Concorrentes (AAA) — O conteúdo não restringe a utilização das modalidades de entrada disponíveis na plataforma.

3.1.3 Palavras Invulgares (AAA) — Está disponível um mecanismo para identificar definições específicas de palavras ou frases utilizadas de forma invulgar.

3.1.4 Abreviaturas (AAA) — Está disponível um mecanismo para identificar a forma expandida das abreviaturas.

3.1.5 Nível de Leitura (AAA) — Quando o texto requer uma capacidade de leitura mais avançada do que o nível do ensino secundário inferior, está disponível conteúdo suplementar ou uma versão alternativa.

3.1.6 Pronúncia (AAA) — Está disponível um mecanismo para identificar a pronúncia de palavras onde o significado é ambíguo sem pronúncia.

3.2.4 Identificação Consistente (AA) — Os componentes com a mesma funcionalidade dentro de um conjunto de páginas são identificados de forma consistente.

3.2.5 Alteração a Pedido (AAA) — As alterações de contexto são iniciadas apenas por pedido do utilizador ou está disponível um mecanismo para desativar tais alterações.

3.3.5 Ajuda (AAA) — Está disponível ajuda sensível ao contexto.

3.3.6 Prevenção de Erros — Todos (AAA) — Para todas as páginas que requerem introdução de dados pelo utilizador, as submissões são reversíveis, verificadas ou confirmáveis.