Rullst AcademyRullst Academy/Lição
HTML semântico e acessibilidade · Lição 04 / 10

Texto que ajuda a participar

As instruções da oficina devem continuar claras quando são lidas em voz alta.

Trilhas de aprendizado12 min

Vamos descobrir juntos

  1. 1

    Use p para parágrafos. Uma lista de materiais sem ordem usa ul e li; uma sequência de montagem usa ol e li. Não escreva números e quebras de linha só para imitar uma lista.

  2. 2

    Cada li fica dentro de uma lista. Feche elementos na ordem correta; um p não deve envolver uma lista. O navegador pode corrigir HTML mal formado ao construir o DOM, por isso aparência aceitável não prova marcação correta.

  3. 3

    Strong indica importância e em indica ênfase; não servem só como comandos de negrito e itálico. Escreva instruções curtas e específicas. “Use papel já utilizado de um lado” ajuda mais que “faça corretamente”.

  4. 4

    Para mostrar <p> como texto, escreva &lt;p&gt;. Para um & literal em exemplos, use &amp;. Na prática, crie materiais e passos separados e leia sem depender de cores, posição ou ícones.

Oficina de HTML: escrever, observar, revisar

Edite o HTML em “Meus arquivos e GitHub” e atualize a prévia. Ela usa elementos de estudo e estilos de leitura: scripts, CSS próprio e navegação externa ficam desativados. Apenas route.svg do kit é exibida como imagem.

Ir ao meu HTML

Estas verificações simples não são uma validação completa de HTML nem uma auditoria WCAG. Confira conteúdo, teclado, zoom e tecnologias assistivas; registre o que ainda não testou.

Links oficiais e próximo passo

✦
SUA MISSÃO

Representar sequências, conjuntos e ênfase com HTML apropriado.

Agora é a sua vez

Oficina de descobertas

Leia, preveja, experimente

Materiais: papel e lápis. Passos: desenhar, testar, revisar — nessa ordem.
Monte suas respostas e confira quando estiver pronto.
Uma pausa para entender

Por que uma página pode aparecer mesmo com HTML incorreto?

Preciso de uma pista

Compare a intenção com o significado dos elementos; aparência sozinha não demonstra acessibilidade.

Carregando sua jornada…

Leve com você

Escreva uma atividade de três passos que outra pessoa consiga seguir. Peça que explique uma instrução com suas próprias palavras e revise o trecho ambíguo.

No seu ritmo

Meus arquivos e GitHub

Toda lição pode virar um registro seu: código, anotações ou um plano de prática. Guardar um arquivo no GitHub é opcional e não altera seu XP.

Manual do aluno

O editor e os downloads abrem quando esta lição estiver liberada para sua conta. Confira o acesso abaixo ou volte ao mapa da trilha.

Conferindo seu acesso à lição…

Rullstpetbot

A IA pode errar. Confira no material da lição.