Acessibilidade web básica

a vaga pede que você faça com apoio · 12 recursos

Texto alternativo, contraste, foco e navegação por teclado.

Não precisa ver todos os materiais: se você já faz o que a vaga pede, conclua. Dá para desfazer.

Antes, vale ter

Não se sente pronto? Comece por aqui. É conselho, não cadeado.

Como usar acessibilidade web no seu projeto front end na prática! (abre em nova aba)← comece aqui
assista · Rafaella BalleriniHTML · 13 min · jan/2024 · pt-BR · grátis
Navegação para TODOS: Dicas Cruciais de ACESSIBILIDADE no Front-End! (abre em nova aba)
assista · CodeboostHTML · 29 min · set/2023 · pt-BR · grátis
HTML Acessibilidade: Aula #01 - Introdução ao atributo role e aria (abre em nova aba)
assista · Programador CegoHTML · 18 min · jun/2023 · pt-BR · grátis
Como uma pessoa cega navega na internet? (abre em nova aba)
assista · Canal Inclunet (Camila Domingues e Leonardo Gleison Ferreira)pt-BR · grátis

Só assistir não forma ninguém: escolha pelo menos uma.

Cole o enunciado e o seu código no lugar indicado; o assistente dá pistas antes da solução.

Dá para mostrar a alguém: vai para o portfólio ou passa por conferência.

Checklist: The A11Y Project (abre em nova aba)
prove · The A11Y ProjectHTML · 40 min · inglês · grátis

Uma página para um negócio de verdade
Uma página responsiva para um negócio que existe (o salão da esquina, a banda do amigo), com serviços, contato e horário, boa no celular e no computador.
Um formulário que todo mundo consegue usar
Um formulário de inscrição com rótulos, validação e navegação pelo teclado, aprovado por um verificador de acessibilidade.
Um site com design de prêmio
Uma página de uma tela só, com tipografia, cor e movimento escolhidos a partir de uma referência do Awwwards, que passa no contraste e no teclado.

Leva o que você já sabe, aonde quer chegar e os critérios desta estação. O assistente ensina no seu nível, com exemplos do dia a dia.