Inappropriate CSS Justified Text Check
Description
The “Inappropriate CSS Justified Text Check” evaluates whether there is any instance where text justification is applied using CSS rules such as text-align: justify;.
Example outcome
I found 1 instance using justified text via CSS.
Impact
- Visual Impairments: Users with visual impairment may depend on consistent visual cues to track lines, and uneven spacing breaks those cues.
- Cognitive Disabilities: People with attention, processing, or learning difficulties find it harder to scan and understand text when spacing is inconsistent.
- Dyslexia: Justification produces uneven spacing, causing “rivers” of white space that distort word boundaries.
- Elderly: Age-related reading difficulty is increased by justification-induced text distortion.
Fixes
To address text inappropriately justified:
- Locate the inappropriately justified block of text.
- Replace the
text-align: justify;styling code bytext-align: left;.