Curso completo

WCAG 2.2 Nível AA

Aprenda cada critério de sucesso do Nível AA da WCAG 2.2, o nível que a maioria das leis e dos contratos exige: contraste, zoom e realinhamento, foco visível, tamanho do alvo, autenticação acessível e mensagens de status, com as ferramentas e as verificações manuais para testar cada um.

~3 horas de conteúdo

Ver aulas

Conteúdo do curso

13 aulas completas cobrindo tudo o que você precisa saber

Introdução

Introdução
Visão geral do curso
Conheça o seu instrutor, veja como cada aula é construída e descubra por que o Nível AA é o nível que a maioria das leis e dos contratos exige.
Introdução
Do Nível A ao Nível AA
O essencial da WCAG, o que significa a conformidade com o Nível AA, os 24 critérios que ele acrescenta, o que é novo na 2.2 e quais leis apontam para ele.
Introdução
O seu kit de ferramentas para o Nível AA
Um verificador de contraste, zoom e uma viewport de 320 pixels, uma sobrescrita de espaçamento de texto, o DevTools como régua, emulação de orientação e o seu leitor de tela.

Perceptível

Aula
Aula 1
Mídias com base em tempo
1.2.4 e 1.2.5: legendas ao vivo, e audiodescrição para vídeo pré-gravado, em que só uma transcrição deixa de bastar.
Aula
Aula 2
Adaptável
1.3.4 e 1.3.5: conteúdo que funciona em qualquer orientação, e campos sobre a pessoa usuária que declaram o seu propósito.
Aula
Aula 3
Contraste
1.4.3 e 1.4.11: 4,5:1 para texto, 3:1 para texto grande, e 3:1 para bordas de campos, estados, indicadores de foco, ícones e gráficos.
Aula
Aula 4
Redimensionar, realinhar e espaçamento de texto
1.4.4, 1.4.10 e 1.4.12: texto em 200%, conteúdo com 320 pixels CSS de largura e mais espaçamento de texto, sem perder nada.
Aula
Aula 5
Imagens de texto, e conteúdo em foco por mouse ou teclado
1.4.5 e 1.4.13: texto de verdade em vez de fotos de palavras, e tooltips dispensáveis, passáveis com o mouse e persistentes.

Operável

Aula
Aula 6
Navegável
2.4.5 e 2.4.6: mais de uma forma de chegar a uma página, e cabeçalhos e rótulos que descrevem o seu tópico ou finalidade.
Aula
Aula 7
Um foco que dá para ver
2.4.7 e o novo 2.4.11: um indicador de foco visível, nunca totalmente escondido por cabeçalhos fixos, banners ou widgets.
Aula
Aula 8
Arrastar e tamanho do alvo
Os novos 2.5.7 e 2.5.8: uma alternativa de ponteiro único para todo arrastar, e alvos de pelo menos 24 por 24 pixels CSS.

Compreensível

Aula
Aula 9
Legível e previsível
3.1.2, 3.2.3 e 3.2.4: o idioma de cada trecho, a navegação na mesma ordem e um nome para uma função.
Aula
Aula 10
Sugestão e prevenção de erros
3.3.3 e 3.3.4: mensagens de erro que sugerem a correção, e salvaguardas antes de envios jurídicos, financeiros e que mudam dados.
Aula
Aula 11
Autenticação acessível
O novo 3.3.8: logins que não dependem de memória, transcrição ou quebra-cabeças, gerenciadores de senhas, colagem e códigos de uso único.

Mensagens de status, e auditoria de uma página

Aula
Aula 12
Mensagens de status
4.1.3: regiões vivas, as funções status e alert, regiões que existem antes da mensagem, e quando mover o foco em vez disso.
Aula
Aula 13
Auditando uma página para o Nível AA
Um checklist de 24 linhas, a ordem de teste, achados com as suas medições e relatórios de conformidade.

Bônus e conclusão

Bônus
Bônus: além do Nível AA
O Nível AAA e por que ninguém exige tudo dele, declarações de acessibilidade, apps e documentos, e o que é a WCAG 3.
Bônus
Bônus: auditando com um assistente de IA
O que um assistente de IA faz bem numa auditoria de Nível AA, onde ele erra, principalmente com números, e como conferir cada afirmação.
Conclusão
Parabéns!
Você concluiu o curso WCAG 2.2 Nível AA!