Semântica de texto especial
O que a norma pede
Trechos de ênfase, citação, abreviação e outros textos especiais estão marcados no código com a semântica correspondente.
- 1.3.1 (A)
Parecido na NBR 17060
A NBR 17060 trata de aplicativos. Se o seu serviço também tem app, veja o que a Bússola da NBR 17060 diz sobre o mesmo assunto:
Visões por perfil
Escolha um perfil para ver o que o requisito pede de quem ocupa esse papel:
Defina no sistema de design estilos para citação e ênfase, e anote no protótipo o tipo de cada trecho especial. Não use itálico ou negrito para outros fins.
Depoimento na notícia
A notícia traz a fala de uma moradora.
Errado: Só estilo
Na especificação
Texto em itálico, maior.
Não se sabe que é citação.
Certo: Tipo definido
Na especificação
Citação em bloco, com nome de quem falou.
O código marca como citação.
Marque os trechos pelo significado, como blockquote para citações e em ou strong para ênfase. Estilo em span não transmite semântica.
Citação
Fala da moradora.
Errado: Span estilizado
<span class="citacao">“A creche mudou nossa vida.”</span>Sem semântica de citação.
Certo: blockquote
<blockquote> <p>A creche mudou nossa vida.</p> <cite>Maria, moradora do Ibura</cite> </blockquote>Reconhecida como citação.
Garanta que o editor de conteúdo ofereça citação e ênfase semânticas e oriente quem publica sobre quando usá-las. Revise também os conteúdos migrados.
Editor de conteúdo
O editor oferece itálico e negrito.
Errado: Só formatação
Situação
Botões geram i e b; sem citação.
Nenhuma semântica especial.
Certo: Semântica
Situação
Botões de ênfase (em/strong) e citação (blockquote).
Textos com significado no código.
Inspecione as citações e as ênfases da página e confira se usam os elementos correspondentes.
Citação na notícia
Inspeção do código.
Errado: Sem semântica
Inspeção
div com classe “citacao”.
Não atende.
Certo: Com semântica
Inspeção
blockquote com cite.
Atende.
Use o botão de citação do editor para falas e trechos citados e o destaque com moderação. Explique cada sigla na primeira vez que ela aparece.
Fala de autoridade
A notícia cita o prefeito.
Errado: Itálico
No editor
Fala em itálico no meio do parágrafo.
Não é marcada como citação.
Certo: Bloco de citação
No editor
Bloco de citação com o nome de quem falou.
Estrutura correta.