Text and controls must not cover each other at desktop or phone widths.
Passes when
No confirmed occlusion of painted text or a visible control
Fails when
A painted box covers text or a control by at least 4 px on both axes and 10% of the smaller painted box
How to fix it
Find what covers what at the width shown, then give the layout room: let text wrap, drop fixed heights and negative margins, or stack the items below a breakpoint.
Saved evidence 2 element records
Element 1/ · 390 px viewport
No image saved
html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(4) > div:nth-of-type(1) > div > div > table > tbody > tr > td > p > a
Element 279 × 39 px · x 32, y 2876
html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(4) > div:nth-of-type(1) > div > div > table > tbody > tr > td > p > a is covered by html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(4) > div:nth-of-type(1) > div > div > table > tbody > tr > td > p > em over 100% of the smaller painted box
Element 1/ · 320 px viewport
No image saved
html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(4) > div:nth-of-type(1) > div > div > table > tbody > tr > td > p > a
Element 248 × 39 px · x 32, y 3118
html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(4) > div:nth-of-type(1) > div > div > table > tbody > tr > td > p > a is covered by html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(4) > div:nth-of-type(1) > div > div > table > tbody > tr > td > p > em over 100% of the smaller painted box
On /psf-landing/
2 confirmed overlapping pairs
Text and controls must not cover each other at desktop or phone widths.
Passes when
No confirmed occlusion of painted text or a visible control
Fails when
A painted box covers text or a control by at least 4 px on both axes and 10% of the smaller painted box
How to fix it
Find what covers what at the width shown, then give the layout room: let text wrap, drop fixed heights and negative margins, or stack the items below a breakpoint.
Saved evidence 3 element records
Element 1/psf-landing/ · 390 px viewport
No image saved
html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(2) > div > div:nth-of-type(2) > div:nth-of-type(2) > div > p > a:nth-of-type(3)
Element 225 × 44 px · x 86, y 1456
html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(2) > div > div:nth-of-type(2) > div:nth-of-type(2) > div > p > a:nth-of-type(3) is covered by html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(2) > div > div:nth-of-type(2) > div:nth-of-type(2) > div > p > a:nth-of-type(2) over 96.3% of the smaller painted box
Element 1/psf-landing/ · 320 px viewport
No image saved
html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(2) > div > div:nth-of-type(2) > div:nth-of-type(2) > div > p > a:nth-of-type(2)
Element 155 × 44 px · x 85, y 1470
html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(2) > div > div:nth-of-type(2) > div:nth-of-type(2) > div > p > a:nth-of-type(2) is covered by html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(2) > div > div:nth-of-type(2) > div:nth-of-type(2) > div > p > a:nth-of-type(1) over 94.7% of the smaller painted box
Element 2/psf-landing/ · 320 px viewport
No image saved
html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(2) > div > div:nth-of-type(2) > div:nth-of-type(2) > div > p > a:nth-of-type(2)
Element 155 × 44 px · x 85, y 1470
html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(2) > div > div:nth-of-type(2) > div:nth-of-type(2) > div > p > a:nth-of-type(2) is covered by html > body > div > div:nth-of-type(3) > div > section > div:nth-of-type(2) > div > div:nth-of-type(2) > div:nth-of-type(2) > div > p > a:nth-of-type(3) over 100% of the smaller painted box
The order on screen differs from the order in the code
On /
61 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 > footer > div:nth-of-type(1) > div > ul > li:nth-of-type(2) > a
Element 196 × 41 px · x 328, y 2087
DOM rank differs from visual rank
Element 2/ · 1440 px viewport
No image saved
html > body > div > footer > div:nth-of-type(1) > div > ul > li:nth-of-type(3) > a
Element 196 × 41 px · x 524, y 2087
DOM rank differs from visual rank
Element 3/ · 1440 px viewport
No image saved
html > body > div > footer > div:nth-of-type(1) > div > ul > li:nth-of-type(4) > a
Element 196 × 41 px · x 720, y 2087
DOM rank differs from visual rank
On /psf-landing/
61 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/psf-landing/ · 1440 px viewport
No image saved
html > body > div > footer > div:nth-of-type(1) > div > ul > li:nth-of-type(2) > a
Element 196 × 41 px · x 328, y 1586
DOM rank differs from visual rank
Element 2/psf-landing/ · 1440 px viewport
No image saved
html > body > div > footer > div:nth-of-type(1) > div > ul > li:nth-of-type(3) > a
Element 196 × 41 px · x 524, y 1586
DOM rank differs from visual rank
Element 3/psf-landing/ · 1440 px viewport
No image saved
html > body > div > footer > div:nth-of-type(1) > div > ul > li:nth-of-type(4) > 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 1 element record
Element 1/ · 1440 px viewport
Loading saved crop…
html > body > div > header > div > div:nth-of-type(1) > a
Element 290 × 82 px · x 136, y 63
On /psf-landing/
1 control without a visible label
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 1 element record
Element 1/psf-landing/ · 1440 px viewport
Loading saved crop…
html > body > div > header > div > div:nth-of-type(1) > a
Element 334 × 82 px · x 136, y 63
Passed (11)ShowNot evaluated (10)Show
The other 506 rules of the source taxonomy aren’t part of today’s scan. See the methodology.
Score by domain
Visual communication2 of 3 checks to fix33 /100
Information and findability2 of 4 checks to fix63 /100
Functional and interaction support1 of 1 check to fix50 /100
Inclusion and adaptation1 of 9 checks to fix89 /100