Accesibilidad con CSS: checklist rápido

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.

CSS não substitui HTML semântico, mas decide se a pessoa enxerga o foco, se o contraste aguenta o sol do meio-dia e se animações respeitam prefers-reduced-motion.

Checklist curto

• Foco: nunca outline: none sem substituto. Use o focus ring.
• Formulários: label ligado ao controle; estados :invalid / :focus-visible. Veja o formulário básico.
• Controles custom: esconda o input de forma acessível e espelhe :checked / :focus-visible — checkbox e radio.
• Conteúdo só para leitores de tela: sr-only.
• Motion: respeite prefers-reduced-motion (o hub já faz isso no CSS global).

Quer ir além? A lição Acessibilidade CSS da trilha aponta exemplos de :has() e hover com responsabilidade.