Tools
These are the rules involving the page layout. This group involves some of the things that visually build the page so they need a full page approach sometimes.
Testing these rules may require interaction and DevTools inspection.
Rule number | Rule | How to test |
---|---|---|
1.3.4 | Orientation | DevTools + visual assessment + interaction |
1.4.4 | Resize text | Interaction + Keyboard |
1.4.10 | Reflow | Keyboard + Visual assessment |
1.4.12 | Text spacing | DevTools + Code assessment |
Check your content in different orientations and check if any content disappears on any of those.
Using the browser zoom or hand gestures, resize the text to 200% and check if you lose any content or functionality.
Resize your screen to the specifications here and check if you lose any information or functionality.
For this rule you'll need to follow the text spacing rules you can find here.
The best way to test this is by inspecting your pages using DevTools to see what actually is being rendered and check if everything follows the size rules.
Continue to Page Architecture.
Is this page helpful?