Skip to content

VBC-020: justify-text-web

warning

Category: ux-dx
Analysis: Regex (line by line)
File types: .css, .scss, .less
Scope: source code only, ignoring anything inside strings and comments
Tags: ux accessibility

What it reports

text-align:justify detected at line {line}. Justified text creates uneven "rivers of white space" between words that make text significantly harder to read, particularly for users with dyslexia. Use left-aligned text for body copy.

Flagged

css
p { text-align: justify; }

Not flagged

css
p { text-align: left; }

Pattern

regex
text-align:\s*justify

Released under the MIT License.