Semântica
Parágrafos estilizados não são títulos
- Regra:
p-as-heading - Gravidade: Grave
- Nível WCAG A
Por que isso importa
Um parágrafo em negrito parece um título, mas não é. Quem usa leitor de tela percorre a página saltando entre títulos, e um título falso não está nessa lista: a seção some do sumário.
Como corrigir
- Use <h2> a <h6> para os títulos de seção e estilize como o design pedir.
- Mantenha os níveis em ordem, sem pular, para que o sumário corresponda à hierarquia visual.
- Reserve o negrito para dar ênfase dentro do parágrafo.
Na marcação
<p><strong>Pricing</strong></p>
<p>Three plans...</p><h2>Pricing</h2>
<p>Three plans...</p>A exigência por trás disso
Esta regra é uma das formas de falhar nos seguintes critérios de sucesso das WCAG 2.2. O W3C, que publica a norma, explica cada um deles:
- 1.3.1 Informação e relações (abre em nova aba) — Nível WCAG A
Para aprofundar
Deque University sobre p-as-heading (abre em nova aba)
A Deque mantém o axe-core, o motor de código aberto que o nosso scanner executa. A página deles documenta a regra como o motor a implementa.
Verificações automáticas encontram falhas que o navegador consegue comprovar. Elas não julgam se uma legenda está correta, se um texto alternativo é útil, nem se a página pode ser operada de ponta a ponta pelo teclado — isso exige uma pessoa.