Curso completo
As 6 Falhas de Acessibilidade Mais Comuns
Encontre e corrija as seis falhas de acessibilidade web mais comuns com testes automatizados usando Cypress, movido pelo axe-core.
Conteúdo do curso
8 aulas completas cobrindo tudo o que você precisa saber
Introdução
Introdução
Estrutura do curso
Saiba como o curso está organizado e aproveite o conteúdo ao máximo.
Introdução
Pré-requisitos
Sistemas e conhecimentos necessários para concluir o curso.
Introdução
Conhecendo a aplicação em teste
Conheça o Banco Simulado, que contém intencionalmente as seis falhas de acessibilidade mais comuns.
Aula
Aula 1Fork, clone e instalação das ferramentas
Faça o fork e clone do projeto, e configure Cypress com axe-core.
Primeiros passos
Aula
Aula 2Sua primeira verificação de acessibilidade com Cypress
Aprenda os fundamentos de acessibilidade e rode sua primeira verificação com cypress-axe.
As 6 falhas mais comuns
Aula
Aula 3Falha 1: Texto com baixo contraste
Detecte e corrija contraste de cor insuficiente (color-contrast).
Aula
Aula 4Falha 2: Imagens sem texto alternativo
Detecte e corrija imagens sem texto alternativo (image-alt).
Aula
Aula 5Falha 3: Campos de formulário sem rótulos
Detecte e corrija campos sem rótulos associados (label).
Aula
Aula 6Falha 4: Links vazios
Detecte e corrija links só de ícone sem nome acessível (link-name).
Aula
Aula 7Falha 5: Botões vazios
Detecte e corrija botões só de ícone sem nome acessível (button-name).
Aula
Aula 8Falha 6: Idioma do documento ausente
Detecte e corrija um atributo lang ausente no documento (html-has-lang).
Bônus e conclusão
Bônus
Uma verificação da página inteira com o modo acessível ligado
Escreva mais um teste, igual ao seu primeiro, mas desta vez ele passa.
Bônus
O checklist de acessibilidade e ferramentas manuais
Um checklist pronto para as seis falhas, além das ferramentas manuais que complementam a automação.
Conclusão
Parabéns!
Você concluiu o curso As 6 Falhas de Acessibilidade Mais Comuns!