← Todas as regras

Estrutura

Espaçamento de texto não pode ser travado com !important

• Regra: avoid-inline-spacing
• Gravidade: Grave
• Nível WCAG AA

Por que isso importa

Pessoas com dislexia ou baixa visão aumentam entrelinha e espaçamento entre letras para conseguir ler. Estilos inline com !important não podem ser sobrescritos pela folha de estilo delas: a página continua ilegível.

Como corrigir

1. Remova o !important de line-height, letter-spacing e word-spacing inline.
2. Leve o espaçamento para uma folha de estilo, onde um estilo do usuário pode vencer.
3. Verifique se o texto ainda reflui com entrelinha 1,5 e espaçamento 0,12em sem cortar.

Na marcação

<p style="line-height: 1.1 !important">...</p>

<p style="line-height: 1.1">...</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.4.12 Espaçamento do texto (abre em nova aba) — Nível WCAG AA

Para aprofundar

Deque University sobre avoid-inline-spacing (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.