All checks

Code order matches the screen

Inclusion and adaptation · essential check · measured from the page’s layout and styles · C168.1

Blocks should come in the same order in the markup as they appear on screen.

When it fails

The order on screen differs from the order in the code: order differs within instructions, or at least three blocks are reordered in one region

Warns when

One or two reordered blocks outside sequential content

Passes when

Visual and DOM reading order agree within content regions

How to fix it

Reorder the markup to match the layout instead of moving blocks with order, row-reverse or grid placement. This matters most in steps and instructions.