The order on screen differs from the order in the code
12 reordered blocks
Blocks should come in the same order in the markup as they appear on screen.
Passes when
Visual and DOM reading order agree within content regions
Fails when
Order differs within instructions, or at least three blocks are reordered in one region
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.
Saved evidence 3 element records
Element 1/ · 1440 px viewport
No image saved
html > body > div:nth-of-type(2) > div > main > div:nth-of-type(3) > div:nth-of-type(1) > section > div > section > a:nth-of-type(1) > div > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div:nth-of-type(3) > span
Element 60 × 20 px · x 585, y 4178
DOM rank differs from visual rank
Element 2/ · 1440 px viewport
No image saved
html > body > div:nth-of-type(2) > div > main > div:nth-of-type(3) > div:nth-of-type(1) > section > div > section > a:nth-of-type(1) > div > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > header > p:nth-of-type(1)
Element 685 × 26 px · x 45, y 4360
DOM rank differs from visual rank
Element 3/ · 1440 px viewport
No image saved
html > body > div:nth-of-type(2) > div > main > div:nth-of-type(3) > div:nth-of-type(1) > section > div > section > a:nth-of-type(1) > div > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div:nth-of-type(1) > span
Links with the same text should lead to the same address.
Passes when
No identical link label points to conflicting destinations
Warns when
One or two conflicting link-label groups
How to fix it
Give links to different places different words ("Team pricing", "Enterprise pricing"), or point links that share their text at one destination.
Saved evidence 2 element records
Element 1/ · 1440 px viewport
Loading saved crop…
html > body > div:nth-of-type(2) > div > main > div:nth-of-type(3) > section:nth-of-type(1) > div:nth-of-type(1) > div > header > div > a:nth-of-type(1)
Element 124 × 40 px · x 24, y 488
Conflicting link name/destination group
Element 2/ · 1440 px viewport
No image saved
html > body > div:nth-of-type(2) > div > div:nth-of-type(3) > footer > nav > div > div:nth-of-type(1) > ul > li:nth-of-type(7) > a
Fields need visible labels, and icon-only buttons should be few and use familiar icons.
Passes when
Fields are visibly identified and standalone icon controls are clear
Warns when
A nonstandard standalone icon control needs a label
How to fix it
Give every field a visible label, since placeholders vanish while typing. Add text to icon-only buttons, or keep them to familiar icons (search, close, menu) with an accessible name and a tooltip.
Saved evidence 3 element records
Element 1/ · 1440 px viewport
Loading saved crop…
#marketing-header-logo
Element 37 × 34 px · x 16, y 15
Element 3/ · 1440 px viewport
Loading saved crop…
html > body > div:nth-of-type(2) > div > main > div:nth-of-type(3) > div:nth-of-type(1) > section > div > section > a:nth-of-type(1)
Element 685 × 580 px · x 25, y 3872
Element 2/ · 1440 px viewport
No image saved
html > body > div:nth-of-type(2) > div > div:nth-of-type(3) > footer > div > div > span > button
Element 24 × 24 px · x 1392, y 5556
Passed (10)ShowNot evaluated (12)Show
The other 506 rules of the source taxonomy aren’t part of today’s scan. See the methodology.
Score by domain
Visual communication2 checks, all pass100 /100
Information and findability1 of 3 checks to fix83 /100
Functional and interaction support1 of 1 check to fix50 /100
Inclusion and adaptation3 of 9 checks to fix67 /100
