← Trail· Lesson 6 of 7

Basic HTML accessibility

Focus order, skip link, alt, labels, and useful landmarks.

TODO i18n: Full body translation pending. Title and description are localized; the body below remains in Portuguese for now.

Acessibilidade não é um “extra”: começa com HTML bem estruturado.

Checklist rápido

Hierarquia de h1–h6 coerente (um h1 principal).
Skip link para pular o menu.
Contraste e foco visível (CSS ajuda; HTML entrega a ordem).
Controles nativos antes de reinventar com div + clique.
Idioma da página (lang) e textos alternativos.

dialog e details

Elementos nativos como <details> e <dialog> já trazem teclado e semântica — prefira-os a widgets caseiros quando bastarem.