Supporting text doesn’t look quieter than what it supports
3 supporting texts that don't step back
Captions, hints and footnotes should look quieter than the text they support: smaller, lighter or muted.
Passes when
Supporting text has a quieter cue and no stronger visual cue
Warns when
One or two supporting items have no clear hierarchy cue
How to fix it
Make supporting text at least one step quieter than its primary text: about 0.9× the size, 100 lighter in weight, or a muted colour that still meets 4.5:1 contrast. Never make it larger or bolder than what it supports.
Saved evidence 3 element records
Element 1www.figma.com/ · 1440 px viewport
No image saved
html > body > div:nth-of-type(2) > main > section:nth-of-type(6) > div > div > div:nth-of-type(2) > div:nth-of-type(1) > figure > div > figcaption
Element 672 × 54 px · x 41, y 5982
Supporting text compared with primary
Element 1www.figma.com/ · 390 px viewport
No image saved
html > body > div:nth-of-type(2) > main > section:nth-of-type(6) > div > div > div:nth-of-type(2) > div:nth-of-type(1) > figure > div > figcaption
Element 357 × 68 px · x 17, y 5125
Supporting text compared with primary
Element 1www.figma.com/ · 320 px viewport
No image saved
html > body > div:nth-of-type(2) > main > section:nth-of-type(6) > div > div > div:nth-of-type(2) > div:nth-of-type(1) > figure > div > figcaption
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 1www.figma.com/ · 1440 px viewport
Loading saved crop…
html > body > div:nth-of-type(2) > div:nth-of-type(1) > header > div > div > div > a
Element 19 × 28 px · x 40, y 25
Element 2www.figma.com/ · 1440 px viewport
No image saved
html > body > div:nth-of-type(2) > footer > div > div:nth-of-type(1) > a
Element 120 × 44 px · x 60, y 7235
Element 3www.figma.com/ · 1440 px viewport
No image saved
html > body > div:nth-of-type(2) > footer > div > div:nth-of-type(1) > div > ul > li:nth-of-type(1) > a
Element 36 × 36 px · x 60, y 7317
Passed (13)ShowNot evaluated (9)Show
The other 506 rules of the source taxonomy aren’t part of today’s scan. See the methodology.
Score by domain
Visual communication1 of 3 checks to fix83 /100
Information and findability3 checks, all pass100 /100
Functional and interaction support1 of 1 check to fix50 /100
Inclusion and adaptation3 of 10 checks to fix70 /100