Important directive in word spacing style attributes is not wide enough
| Field | Value |
|---|---|
| Rule code | Text_WordSpacing_Important_Detect |
| WCAG conformance level | AA |
| WCAG success criterion | 1.4.12 Text Spacing |
| Must be fixed at source | Yes |
Description
We detected the use of the CSS '!important' directive applied on the word-spacing attribute. When the !important CSS directive is used, users with their own stylesheets are prevented from applying them to certain elements on the page and as a result, are unable to restylize text and prevents tools from providing assitive style enhancements. We recommend modifying style attributes without the CSS !important directive to allow user-based enhancements that may assist with the readability of the text presentation.
How to fix
If the word-spacing is not at least 0.16 times the utilized font-size, remove the '!important' directive from text-based word-spacing styles and ensure proper CSS inheritance is utilized instead. You can be more specific about CSS selector targetting such as: 'body main .wordspaced { word-spacing: 0.15rem; }' instead of forced, important styles like '.spacedlines { word-spacing: 0.15rem !important; }'.