Tecnologia & Ferramentas

Formulários HTML acessíveis: campos, rótulos e validação

Construa formulários com labels associados, tipos de campo corretos, agrupamentos, autocomplete e mensagens de erro compreensíveis.

Crie tabelas semânticas com caption, thead, tbody, th e scope e adapte a visualização a telas pequenas sem perder contexto.

Use alt, width e height, srcset, sizes e picture para entregar imagens acessíveis, responsivas e rápidas em diferentes telas.

Aprenda as três formas de aplicar CSS, priorize folhas externas e entenda cascata, escopo e manutenção sem misturar conteúdo e aparência.

Marque importância, ênfase, citações, abreviações e código pelo significado — e deixe a aparência para o CSS.

Crie links claros e acessíveis, escolha URLs relativas ou absolutas, use âncoras e downloads e abra novas abas com responsabilidade.

Estruture textos com p, use br e hr com propósito e saiba quando pre e code são as escolhas semânticas corretas.

Use h1 a h6 para criar uma hierarquia lógica, melhorar a leitura e facilitar a navegação por tecnologias assistivas.

Entenda como atributos configuram elementos HTML, quando usar valores, atributos booleanos e alternativas semânticas mais seguras.

Consulte os principais elementos HTML organizados por função, saiba o que evitar e escolha a marcação correta para cada tipo de conteúdo.