- "form.invalid_css.learn_more": "<h3>Ensuring Readability</h3><p>Some users with low vision or reading disabilities need to adjust text spacing in order to read more easily. If CSS or the <code>style</code> attributes include the <code>!important</code> declaration, it will override user settings and make it difficult for them to read. For instance, the CSS property <code>line-height</code> can be used to adjust the spacing between lines of text. If this property is forced to a fixed value, like using <code>style="line-height: 16px !important"</code>, it can prevent users from adjusting the line spacing to their needs.</p><p>Specifically, never use <code>!important</code> to override the <code>letter-spacing</code>, <code>word-spacing</code>, or <code>line-height</code> styles.</p><h3>Best Practices</h3><ul><li>Avoid using CSS properties that force a specific letter spacing, word spacing, or line height</li><li>Use relative units (like <code>em</code> or <code>rem</code>) instead of fixed units (like <code>px</code>) for text spacing</li></ul></p><h3>For More Information</h3><p>W3.org: <a href='https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html' target='_blank'>Text Spacing</a></p>",
0 commit comments