← Ruta· Lección 9 de 9

Accesibilidad CSS

Foco visible, formularios, contraste y motion — CSS al servicio de todas las personas.

TODO i18n: Traducción completa del cuerpo pendiente. Título y descripción ya están localizados; el cuerpo permanece en portugués por ahora.

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.