voltar para índice de exemplos de aulas

Exemplo utilizado exclusivamente no curso
AccessBoost

Todos os materiais presentes nesta página, fazem parte do curso AccessBoost link externo - abre em uma nova janela.

Explicações relacionadas a este exemplo foram utilizadas nas seguintes aulas:

(devido a dinâmica de gravações, não necessariamente todas as aulas que utilizaram o exemplo estarão listadas aqui)

  • (aula 88ab) 2.4.2 - 2.4.6 - 2.4.10 - Títulos, Cabeçalhos e Rótulos (módulo 10 - WCAG)
  • (aula 101b) Títulos: o principal método utilizado por quem não enxerga (módulo 11 - Conteúdo)
  • (aula 124d) O tamanho do título não tem impacto na hierarquia (módulo 12 - UI)
  • (aula 151) Descomplicando o HTML (módulo 15 - Desenvolvimento)
  • (aula 187h) Teste de estrutura hierárquica de títulos (módulo 18 - Testes de Acessibilidade)

Importante:
Os exemplos ou códigos apresentados nesta página não necessariamente são os melhores para serem utilizados em um projeto específico. São meros exemplos construídos para explicações mais aprofundadas nas aulas mencionadas.

Exemplos com o uso de títulos

Hierarquia estrutural CORRETA, COM hierarquia visual

Título de nível 1 - Aula de Acessibilidade

Título de nível 2 - Aula de Acessibilidade

Título de nível 3 - Aula de Acessibilidade

Título de nível 4 - Aula de Acessibilidade

Título de nível 5 - Aula de Acessibilidade
Título de nível 6 - Aula de Acessibilidade

Hierarquia estrutural CORRETA, SEM hierarquia visual

Título de nível 1 - Aula de Acessibilidade

Título de nível 2 - Aula de Acessibilidade

Título de nível 3 - Aula de Acessibilidade

Título de nível 4 - Aula de Acessibilidade

Título de nível 5 - Aula de Acessibilidade
Título de nível 6 - Aula de Acessibilidade

Hierarquia estrutural INCORRETA, COM hierarquia visual

Título de nível 1 - Aula de Acessibilidade

Título de nível 3 - Aula de Acessibilidade

Título de nível 4 - Aula de Acessibilidade

Título de nível 3 - Aula de Acessibilidade

Título de nível 4 - Aula de Acessibilidade