Page layout

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.

Success criterion

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

Success criterion

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

Success criterion

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

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.