Text spacing is locked with !important

Why does it matter?

WCAG 1.4.12 asks that people can widen line, letter and word spacing without losing anything; an inline style with !important overrides the style sheets reading tools add, so they cannot widen this spacing.

Who it affects: Screen reader users, who rely on real lists and paragraphs to hear how content is grouped and how many items there are.

What does Lumtera flag?

Inline styles that set line, letter or word spacing with !important. For review.

Check ID text-spacing-locked — use it to filter the content report or with wp lumtera issues --rule.

How do I fix it in WordPress?

Remove !important from the style, or set the value in a style sheet instead of on the element. In a builder, look for a custom CSS or typography field on this element.

Example

<p style="line-height: 1.2 !important">Opening times</p>

<p style="line-height: 1.5">Opening times</p>

How do I check the fix?

1. Update the post. The issue disappears from the Lumtera Accessibility sidebar on the next check, and from the site report on the next scan.
2. With a screen reader, move to the list. It should announce "list, 3 items" (or similar) before the first item.