Heading (título de seção)

Texto que apresenta o assunto da seção que vem logo abaixo.

Hard

O que é

Heading é o texto que serve de título pra um bloco de conteúdo. Diferente do header, que é um elemento estrutural da página, o heading aponta especificamente o tema do que vem a seguir, e por isso vem estilizado de um jeito diferente do corpo, no tamanho, no peso e no espaço, pra sinalizar prominência.

No fundo, ele é uma ferramenta de atenção. Divide a informação em seções claras, baixa o esforço de varredura e acelera a compreensão. Um bom heading também carrega tom, mas a clareza vem antes do estilo, porque um heading confuso deixa a pessoa sem saber o que vai encontrar ali.

A acessibilidade torna o desenho do heading ainda mais importante, já que o leitor de tela o usa como atalho pra pular pelo conteúdo. Quando a marcação é semântica e o aninhamento está correto, com h1 e depois h2 sem pular nível, nasce uma progressão lógica que serve pra todo mundo.

Em uma frase

O heading dessa seção tá vago, vamos deixar claro que é sobre preço.

A pergunta que ele responde

Como eu titulo uma seção pra pessoa saber na hora o que vem ali?

Quando usar

Ajuda ao titular qualquer seção de conteúdo dentro de uma página ou tela.

Como não usar

O cuidado é não escrever heading vago ou que engana sobre o conteúdo, porque a pessoa clica esperando uma coisa e encontra outra.

Na prática

Pense num dashboard. Cada painel de dado ganha um heading curto, e aí a pessoa escaneia os títulos e vai direto ao número que procura.

Não confunda com

Vale separar heading de header. O heading nomeia o assunto da seção, enquanto o header é o elemento estrutural da página. A diferença é sutil e costuma viver trocada, então compensa fixar qual é qual.

D

Em inglês

Heading

Pronúncia

rén-din

Também chamado de

heading, título, h1 a h6

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre headings que funcionam