Resize text
Text can be resized without assistive technology up to 200 percent without loss of content or functionality. Ensure that visually rendered text, including text-based controls (text characters that have been displayed so that they can be seen [vs. text characters that are still in data form such as ASCII]) can be scaled successfully so that it can be read directly by people with mild visual disabilities, without requiring the use of assistive technology such as a screen magnifier. Users may benefit from scaling all content on the Web page, but text is most critical.
Images of text do not scale as well as text because they tend to pixelate, and therefore we suggest using text wherever possible. It is also harder to change foreground and background contrast and colour combinations for images of text, which are necessary for some users.
Resources are for information purposes only, no endorsement implied (W3C, n.d.).
Spacing
Ensure that content is still readable and operable when users override text spacing, set by the author, to enhance their reading experience.
In content implemented using markup languages that support the following text style properties, no loss of content or functionality occurs by setting all of the following and by changing no other style property:
- Line height (line spacing) to at least 1.5 times the font size;
- Spacing following paragraphs to at least 2 times the font size;
- Letter spacing (tracking) to at least 0.12 times the font size;
- Word spacing to at least 0.16 times the font size.
(W3C, n.d.)
Source:
W3C, n.d.: Understanding Success Criterion 1.4.12: Text Spacing. https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html [31.8.2022].
Finde more:
Cascading Style Sheets:
https://www.w3.org/TR/CSS2/fonts.html
CSS 2 Font Size Property:
https://www.w3.org/TR/CSS2/fonts.html#font-size-props