Torne páginas acessíveis para mais pessoas
Use estrutura clara, labels úteis e tabelas com cabeçalhos.
- Aplicar base de acessibilidade em heading, formulário e tabela.
HTML acessível melhora uso para todos. Use heading claro, labels visíveis, links descritivos e controles nativos.
1<main>
2 <h1>Library hours</h1>
3 <table>
4 <caption>Hours this week</caption>
5 <thead>
6 <tr><th scope="col">Day</th><th scope="col">Hours</th></tr>
7 </thead>
8 <tbody>
9 <tr><th scope="row">Monday</th><td>9 am to 6 pm</td></tr>
10 </tbody>
11 </table>
12</main>Library hours Hours this week Day Hours Monday 9 am to 6 pm
Tabelas devem representar dados tabulares. Use caption e th com scope para explicar relações de linha/coluna.
Principais conclusões
Aplicar base de acessibilidade em heading, formulário e tabela.
Prefira elementos semânticos para comunicar intenção.
Mantenha estrutura legível para pessoas e ferramentas assistivas.
Quiz da aula
5 perguntas · aprovação com 4 acertos · até 50 XP
Ao passar, você conclui a aula e mantém sua sequência. As perguntas erradas voltarão em sessões de revisão.
Pratique: escreva código em HTML
Escreva a marcação, veja a prévia em um frame isolado do navegador e compare o texto visível com os requisitos.
Publique os horários da biblioteca
Crie main com heading Library hours, caption Hours this week, cabeçalhos Day/Hours e linha Monday/9 am to 6 pm.
- Texto da tabela da biblioteca
Sua marcação aparece em uma prévia isolada. Execute os testes para conferir o texto visível da página.
Dúvidas sobre esta lição
Travou em algum ponto? Pergunte. Descobriu algo? Compartilhe. Explicar também é uma ótima forma de aprender.
Carregando publicações…