11.2. Ensure content visibility even when its size is doubled
Ensure the readability of content even when the font size is doubled by the user. This prevents text overlapping, being cut off, etc. Text changes should size up to at least 200% and flow without breaking out of the layout, overlapping or appearing off-screen.
To ensure that:
- Do not define a fixed height (CSS
heightproperty) on elements likely to contain text, particularly form fields.
- Use only relative units (
%, etc.) to manage spacing (
- Do not use units (
%, etc.) with the CSS
- Be vigilant when using absolute positioning (CSS
position: absolute;declaration). While this positioning is compatible with accessibility it can sometimes cause overlapping in the content.