1.4.10 Reflow (Level AA)
Table of contents
No loss of content or functionality should occur on mobile devices at 320 pixels width. No horizontal scrolling should be necessary unless content cannot be resized effectively.
What you need know
- This success criterion requires that your content reflow on smaller screens without negatively impacting the user experience.
- If a website is fully responsive, this success criteria is likely already met. However, the responsiveness of your content should still be evaluated.
What you need to do
- Ensure your CSS enables your website content to be zoomed up to 400% without causing loss of information or function and that users have to scroll to see it.
Related Posts
1.1.1 Non-text Content (Level A)
Make sure images and other non-text elements on your website are accessible by including meaningful text alternatives (alt text).
1.3.1 Info and Relationships (Level A)
Structure your website so that content is read by a screen reader in the same way it's presented visually.
1.3.3 Sensory Characteristics (Level A)
Write clear instructions that incorporate multiple senses. No instructions should rely solely on the ability to perceive shape, size, visual location, orientation, or sound.