is-aesthetic

www.benchflow.ai

Scanned 24 Oct 2026, 04:56 UTC · 2 pages scanned · 1440, 390 and 320 px · 1 min 6 s

1 additional page not scanned
  • Not scanned (time limit): https://www.benchflow.ai/docs

Visit siteMarkdownJSON

50.0 /100

Grade F

7 fail2 warnings7 pass11 not evaluatedof 27 checks

Failing checks (7)

Measured results, suggested fixes, and the evidence saved for each check.

Failing check · Visual communication · C014.1

Repeated items, such as cards or list rows, don’t match

0 px largest difference

Pixel difference is only part of this check: differences in compared style attributes can also make it fail.

Cards, buttons and list rows of one kind should share padding, radius, borders, shadow and type.

Passes when
Matching component variants differ by at most 1 px
Fails when
A difference exceeds 4 px, or a compared style attribute differs

How to fix it

Build each repeated element from one component or class and remove one-off overrides, so padding, radius, border, shadow and type match within 1 px.

Saved evidence 3 element records

Element 1/ · 1440 px viewport

Loading saved crop…

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(2)

Element 272 × 358 px · x 380, y 792

Repeated component comparison

Element 2/ · 1440 px viewport

Loading saved crop…

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(3)

Element 272 × 358 px · x 516, y 792

Repeated component comparison

Element 3/ · 1440 px viewport

Loading saved crop…

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(4)

Element 272 × 358 px · x 652, y 792

Repeated component comparison

Failing check · Visual communication · C019.1

Text or controls overlap

59 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/ · 1440 px viewport

Loading saved crop…

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(1) > a

Element 238 × 298 px · x 261, y 809

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(1) > a is covered by html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(2) over 50.0% of the smaller painted box

Element 2/ · 1440 px viewport

Loading saved crop…

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(1) > a

Element 238 × 298 px · x 261, y 809

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(1) > a is covered by html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(2) > a > div:nth-of-type(1) over 42.9% of the smaller painted box

Element 3/ · 1440 px viewport

Loading saved crop…

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(1) > a

Element 238 × 298 px · x 261, y 809

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(1) > a is covered by html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(2) > a > div:nth-of-type(2) > span:nth-of-type(1) over 100% of the smaller painted box

Failing check · Findability · C077.1

The navigation doesn’t mark the current page

1 navigation group without a current marker

The nav item for the page you're on should carry aria-current, once per navigation group.

Passes when
Each relevant navigation group identifies one current item
Fails when
A relevant group has conflicting current markers or no identifiable current item

How to fix it

Add aria-current="page" to the link for the current page, exactly once in each nav, and style that state so it is visible too.

Saved evidence 1 element record

Element 1/news · 1440 px viewport

Loading saved crop…

html > body > main > header > div > nav

Element 164 × 22 px · x 669, y 21

Current marker count

Failing check · Findability · C078.3

Links with the same text lead to different places

On /

4 link texts with two destinations

Links with the same text should lead to the same address.

Passes when
No identical link label points to conflicting destinations
Fails when
At least three 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 3 element records

Element 1/ · 1440 px viewport

Loading saved crop…

html > body > main > header > div > nav > a:nth-of-type(2)

Element 34 × 22 px · x 731, y 21

Conflicting link name/destination group

Element 2/ · 1440 px viewport

Loading saved crop…

html > body > main > header > div > div > a:nth-of-type(1)

Element 16 × 16 px · x 1156, y 24

Conflicting link name/destination group

Element 3/ · 1440 px viewport

No image saved

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(1) > ul > li:nth-of-type(1) > a

Element 32 × 18 px · x 261, y 1111

Conflicting link name/destination group

On /news

2 link texts with two destinations

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/news · 1440 px viewport

Loading saved crop…

html > body > main > header > div > div > a:nth-of-type(1)

Element 16 × 16 px · x 1156, y 24

Conflicting link name/destination group

Element 2/news · 1440 px viewport

Loading saved crop…

html > body > main > section:nth-of-type(2) > ul > li:nth-of-type(4) > ul > li:nth-of-type(1) > a

Element 82 × 16 px · x 240, y 945

Conflicting link name/destination group

Failing check · Inclusion · C139.1

Images have no alt text

On /

2 images without alt text

Every image needs alt text, or an empty alt if it is decoration.

Passes when
Informative images provide a usable text alternative
Fails when
An informative image is missing its required text alternative

How to fix it

Write alt text that says what the image shows or does. For decorative images use alt="", and aria-hidden="true" on decorative SVGs.

Saved evidence 2 element records

Element 1/ · 1440 px viewport

No image saved

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(4) > ul > li:nth-of-type(2) > a > svg

Element 12 × 12 px · x 769, y 1114

Element 2/ · 1440 px viewport

No image saved

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(6) > ul > li:nth-of-type(2) > a > svg

Element 12 × 12 px · x 997, y 1114

On /news

5 images without alt text

Every image needs alt text, or an empty alt if it is decoration.

Passes when
Informative images provide a usable text alternative
Fails when
An informative image is missing its required text alternative

How to fix it

Write alt text that says what the image shows or does. For decorative images use alt="", and aria-hidden="true" on decorative SVGs.

Saved evidence 3 element records

Element 1/news · 1440 px viewport

Loading saved crop…

html > body > main > section:nth-of-type(2) > ul > li:nth-of-type(2) > ul > li:nth-of-type(1) > a > svg

Element 12 × 12 px · x 240, y 544

Element 2/news · 1440 px viewport

Loading saved crop…

html > body > main > section:nth-of-type(2) > ul > li:nth-of-type(2) > ul > li:nth-of-type(2) > a > svg

Element 12 × 12 px · x 394, y 544

Element 3/news · 1440 px viewport

Loading saved crop…

html > body > main > section:nth-of-type(2) > ul > li:nth-of-type(2) > ul > li:nth-of-type(3) > a > svg

Element 12 × 12 px · x 507, y 544

Failing check · Inclusion · C158

Tap targets are under 24 × 24 px and crowded

1 target too small

Buttons and links need a 24 × 24 px hit area, or enough space around them.

Passes when
Targets meet the 24 px size or spacing requirement, or an exception
Fails when
A target fails both the size and spacing conditions without an exception

How to fix it

Give small controls at least 24 × 24 px of hit area with padding or min-width and min-height, or space them so their 24 px circles don't overlap.

Saved evidence 1 element record

Element 1/ · 1440 px viewport

No image saved

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(4) > ul > li:nth-of-type(2) > a

Element 50 × 18 px · x 769, y 1111

Failing check · Inclusion · C168.1

The order on screen differs from the order in the code

30 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 > main > section:nth-of-type(2) > div > ul > li:nth-of-type(2) > a > h3

Element 238 × 19 px · x 397, y 1027

DOM rank differs from visual rank

Element 2/ · 1440 px viewport

No image saved

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(3) > a > h3

Element 238 × 19 px · x 533, y 1027

DOM rank differs from visual rank

Element 3/ · 1440 px viewport

No image saved

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(4) > a > h3

Element 238 × 19 px · x 669, y 1027

DOM rank differs from visual rank

Warnings (2)

Warning · Interaction · C108.1

Controls have no visible label

On /

2 controls 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 2 element records

Element 2/ · 1440 px viewport

Loading saved crop…

html > body > main > header > div > div > a:nth-of-type(2)

Element 16 × 16 px · x 1184, y 24

Element 1/ · 1440 px viewport

No image saved

html > body > main > footer > div > div > div:nth-of-type(1) > div > div > a:nth-of-type(2)

Element 32 × 32 px · x 278, y 1948

On /news

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/news · 1440 px viewport

Loading saved crop…

html > body > main > header > div > div > a:nth-of-type(2)

Element 16 × 16 px · x 1184, y 24

Warning · Inclusion · C167.2

Heading levels skip, or the page lacks one h1 or a main landmark

On /

1 outline issue

A page needs one h1, headings that don't skip levels, and a main landmark.

Passes when
No heading-outline findings
Warns when
One or more heading-outline findings; advisory in the fixed variant

How to fix it

Use one h1, then h2 and h3 in order without skipping, and wrap the main content in a main element. Set sizes in CSS, not by picking a level.

Saved evidence 1 element record

Element 1/ · 1440 px viewport

No image saved

html > body > main > section:nth-of-type(2) > div > ul > li:nth-of-type(1) > a > h3

Element 238 × 19 px · x 261, y 1027

On /news

1 outline issue

A page needs one h1, headings that don't skip levels, and a main landmark.

Passes when
No heading-outline findings
Warns when
One or more heading-outline findings; advisory in the fixed variant

How to fix it

Use one h1, then h2 and h3 in order without skipping, and wrap the main content in a main element. Set sizes in CSS, not by picking a level.

Saved evidence 1 element record

Element 1/news · 1440 px viewport

Loading saved crop…

html

Element 1440 × 1702 px · x 0, y 0

Passed (7)Show
Not evaluated (11)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 2 checks to fix0 /100
Information and findability2 of 4 checks to fix50 /100
Functional and interaction support1 of 1 check to fix50 /100
Inclusion and adaptation4 of 9 checks to fix61 /100
Visual expressionNot measured—
Transparency and agencyNot measured—

Essential: 50 of 100 points, 16 checks · Recommended: none applied · Bonus: none applied

What this doesn’t cover

  • Aesthetic judgment, brand intent and designer calibration
  • Text contrast is not measured yet (the vetted contrast rules are not implemented in this pin)
  • Briefs, specifications, logins and declared design systems
  • Form submissions, transactions and activated task flows
  • Closed shadow roots, cross-origin frame contents and other themes
  • Rules without a vetted implementation or required measurement
  • Pages or assets refused by robots.txt or the scan limits

How scores are computed: methodology. Is this your site? Ask us to remove this report.