0Pricing
Web Accessibility Academy · Aula

Títulos são navegação, não apenas texto grande

Veja como os usuários saltam de título em título para examinar uma página.

Títulos são navegação, não apenas texto grande é uma aula grátis de Web Accessibility Academy no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Web Accessibility Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Web Accessibility Academy inclui 4 aulas no total.

Partes desta aula ainda não foram traduzidas e aparecem em inglês.

Headings Are a Menu

To a screen reader user, your headings are a table of contents. They are not just bold text; they are how people move through a page. 🧭

Jump Heading to Heading

One keypress moves a screen reader from one heading to the next. Users skim a page by hopping between headings, not by reading every word.

Pull Up the Whole List

Many screen readers can list every heading at once, like a pop-up outline. Users scan that list to find the section they want.

Jump to a Level

Users can also jump only between same-level headings, like all the h2 sections. Good levels make this shortcut precise and fast.

Fake Headings Vanish

A bold styled div looks like a heading but is invisible to this navigation. Screen reader users simply never find it.

<div class="big-bold">Pricing</div>

Use Real Heading Tags

Only real h1 through h6 tags join the navigation list. Styling text big does nothing; the tag is what carries the meaning.

<h2>Pricing</h2>

Headings Need Words

Each heading is a signpost, so write descriptive text. Reading the headings alone should give a clear map of the page.

Frequency Helps

Long sections with no heading leave users stranded with no shortcut to jump to. Break content up so people can land near what they need.

Do Not Overdo It

Marking every line as a heading floods the navigation list and hides the real structure. Reserve headings for genuine section starts.

Headings Build Trust

A clear heading outline tells users a page is well built. They navigate faster and stay confident they will not miss content.

Sighted Users Win Too

Real headings also feed in-page links, browser outlines, and search engines. Good structure quietly helps everyone, not only screen readers.

Quick Check

How do many screen reader users primarily move through a page?

Recap

You learned that real headings form a navigable outline. Users jump between them, so use true heading tags with descriptive words. ✅

Perguntas Frequentes

A aula “Títulos são navegação, não apenas texto grande” é grátis?

Sim — o texto completo de “Títulos são navegação, não apenas texto grande” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Web Accessibility Academy, atualize para CoddyKit PRO. O curso de Web Accessibility Academy inclui 4 aulas no total.

O que vou aprender em “Títulos são navegação, não apenas texto grande”?

Veja como os usuários saltam de título em título para examinar uma página. Você pratica Web Accessibility Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar Web Accessibility Academy?

Nenhuma experiência prévia é necessária. Web Accessibility Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.

Quanto tempo leva a aula “Títulos são navegação, não apenas texto grande”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de Web Accessibility Academy?

Sim. Cada aula de Web Accessibility Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

  1. Um h1 por página: nomeando o tópico principal
  2. Níveis de aninhamento sem pular etapas
  3. Títulos são navegação, não apenas texto grande
  4. Audite o esquema de uma página com os ouvidos
← Voltar para Web Accessibility Academy