← Trilha· Lição 9 de 9

Acessibilidade CSS

Foco visível, formulários, contraste e motion — CSS a serviço de todas as pessoas.

Um layout bonito que some o foco do teclado não está pronto.

Pratique no playground

Formulário acessível — labels, estados e foco.
:has() no pai — feedback visual sem JS.
Botão com hover — não dependa só de cor; inclua :focus-visible.

Kit de snippets

Focus ring
sr-only
Checkbox e radio custom
Underline animado com hover e focus

Leitura

Checklist no blog: Acessibilidade com CSS.

Encerramento da trilha

Você chegou ao fim de CSS do zero ao layout (9 lições). Continue explorando exemplos, snippets e o blog.