select option

Page layout

How to test each rule in the page layout group

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 numberRuleHow to test
1.3.4OrientationDevTools + visual assessment + interaction
1.4.4Resize textInteraction + Keyboard
1.4.10ReflowKeyboard + Visual assessment
1.4.12Text spacingDevTools + Code assessment

1.3.4 Orientation

Success criterion

Check your content in different orientations and check if any content disappears on any of those.

1.4.4 Resize text

Success criterion

Using the browser zoom or hand gestures, resize the text to 200% and check if you lose any content or functionality.

1.4.10 Reflow

Success criterion

Resize your screen to the specifications here and check if you lose any information or functionality.

1.4.12 Text spacing

Success criterion

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?