Carregando...
Acessibilidade HTML
Acessibilidade = mais pessoas usam a página — teclado, leitor, zoom. HTML bom é a base.
Resposta direta
Semântica, labels, alt significativo, headings, teclado.
📊 Hábitos de acessibilidade
| Habit | Why it helps |
|---|---|
| Semantic landmarks | Tools can jump to regions |
| Labels on controls | Names fields clearly |
| Alt on images | Describes non-text content |
| Logical headings | Outlines the page |
| Keyboard operable controls | Not everyone uses a pointer |
Accessible snippets
html
HTML Code
<nav aria-label="Main">
<a href="index.html">Home</a>
</nav>
<label for="q">Search</label>
<input id="q" name="q" type="search">
<img src="chart.png" alt="Bar chart: sales rose from 10 to 18">
<button type="submit">Search</button>Experimente
- auditar labels/alt
- um h1
- Tab
- corrigir
Erros comuns
- click here
- sem alt
- div sem teclado
- ARIA demais
Resumo
- semântica+labels+alt
- teclado
- HTML antes ARIA
- inclusivo
🧠 Teste Seu Conhecimento
Pronto para Começar
Teste Seu Conhecimento
Desafie-se com este questionário interativo e veja o quão bem você entende o tópico
5
Perguntas
70%
Para Passar
∞
Tempo
∞
Tentativas
📝 Instruções
- Leia cada pergunta cuidadosamente
- Selecione a melhor resposta para cada pergunta
- Você pode refazer o quiz quantas vezes quiser
- Seu progresso será mostrado no topo