# Design report: is-aesthetic.com

- Score: 71.9 / 100, grade C
- Scanned: 2026-10-24T05:06:34.271Z
- Pages: https://is-aesthetic.com/, https://is-aesthetic.com/methodology, https://is-aesthetic.com/docs
- Checks: 4 failed, 1 warnings, 11 passed, 11 excluded
- Report: https://is-aesthetic.com/r/is-aesthetic.com

## Tiers

- Essential: 71.9 of 100 points (16 evaluated, 430 excluded)
- Recommended: 0 of 0 points (0 evaluated, 73 excluded)
- Bonus: 0 of 5 points (0 evaluated, 14 excluded)

## Domains

- Visual communication: 0
- Information and findability: 100
- Functional and interaction support: 100
- Inclusion and adaptation: 72
- Visual expression: not measured
- Transparency and agency: not measured

## What to fix

### Essential

#### Fail: Repeated parts look the same (C014.1)

- Domain: Visual communication
- Checks: Cards, buttons and list rows of one kind should share padding, radius, borders, shadow and type.
- Measured on /methodology: 10 px largest difference
- Passes at: Matching component variants differ by at most 1 px
- Warning at: A measured spacing or size difference is between 2 and 4 px
- Fails at: A difference exceeds 4 px, or a compared style attribute differs
- Fix: 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.
- Elements:
  - 1440 px · `html > body > main > div > article > section:nth-of-type(4) > div:nth-of-type(1) > ul > li:nth-of-type(1)`
  - 1440 px · `html > body > main > div > article > section:nth-of-type(4) > div:nth-of-type(1) > ul > li:nth-of-type(2)`
  - 1440 px · `html > body > main > div > article > section:nth-of-type(4) > div:nth-of-type(1) > ul > li:nth-of-type(3)`

#### Fail: Nothing overlaps (C019.1)

- Domain: Visual communication
- Checks: Text and controls must not cover each other at desktop or phone widths.
- Measured on /methodology: 23 confirmed overlapping pairs
- Measured on /docs: 9 confirmed overlapping pairs
- Passes at: No confirmed occlusion of painted text or a visible control
- Fails at: A painted box covers text or a control by at least 4 px on both axes and 10% of the smaller painted box
- Fix: 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.
- Elements:
  - 320 px · `html > body > main > div > div > details > nav > ol > li:nth-of-type(1) > a` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-1%2Fcrop-320-8.webp)
  - 320 px · `html > body > main > div > div > details > nav > ol > li:nth-of-type(2) > a` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-1%2Fcrop-320-1000.webp)
  - 320 px · `html > body > main > div > div > details > nav > ol > li:nth-of-type(2) > a` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-1%2Fcrop-320-1000.webp)
  - 320 px · `html > body > main > div > div > details > nav > ol > li:nth-of-type(1) > a` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-2%2Fcrop-320-1001.webp)
  - 320 px · `html > body > main > div > div > details > nav > ol > li:nth-of-type(2) > a` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-2%2Fcrop-320-1002.webp)
  - 320 px · `html > body > main > div > div > details > nav > ol > li:nth-of-type(2) > a` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-2%2Fcrop-320-1002.webp)

#### Fail: Names include the visible label (C160.2)

- Domain: Inclusion and adaptation
- Checks: A control's accessible name should contain the words people see on it.
- Measured on /: 12 names missing their visible label
- Measured on /docs: 8 names missing their visible label
- Passes at: A control’s accessible name contains its visible label
- Fails at: A control’s accessible name omits its visible label
- Fix: Start the aria-label with the visible text, or remove the aria-label so the visible text becomes the name. Voice-control users say what they see.
- Elements:
  - 1440 px · `html > body > main > section:nth-of-type(2) > div > ol > li:nth-of-type(1) > a` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-0%2Fcrop-1440-0.webp)
  - 1440 px · `html > body > main > section:nth-of-type(2) > div > ol > li:nth-of-type(2) > a` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-0%2Fcrop-1440-1.webp)
  - 1440 px · `html > body > main > section:nth-of-type(2) > div > ol > li:nth-of-type(3) > a` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-0%2Fcrop-1440-2.webp)
  - 1440 px · `html > body > main > div > article > section:nth-of-type(2) > pre` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-2%2Fcrop-1440-0.webp)
  - 1440 px · `html > body > main > div > article > section:nth-of-type(3) > pre` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-2%2Fcrop-1440-1.webp)
  - 1440 px · `html > body > main > div > article > section:nth-of-type(4) > pre` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-2%2Fcrop-1440-2.webp)

#### Fail: Code order matches the screen (C168.1)

- Domain: Inclusion and adaptation
- Checks: Blocks should come in the same order in the markup as they appear on screen.
- Measured on /methodology: 1026 reordered blocks
- Measured on /docs: 10 reordered blocks
- Passes at: Visual and DOM reading order agree within content regions
- Warning at: One or two reordered blocks outside sequential content
- Fails at: Order differs within instructions, or at least three blocks are reordered in one region
- Fix: 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.
- Elements:
  - 1440 px · `html > body > main > div > article > section:nth-of-type(4) > div:nth-of-type(1) > ul > li:nth-of-type(2) > details > summary > span:nth-of-type(1)`
  - 1440 px · `html > body > main > div > article > section:nth-of-type(4) > div:nth-of-type(1) > ul > li:nth-of-type(1) > details > div > p` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-1%2Fcrop-1440-2.webp)
  - 1440 px · `html > body > main > div > article > section:nth-of-type(4) > div:nth-of-type(1) > ul > li:nth-of-type(2) > details > summary > span:nth-of-type(2)`
  - 390 px · `html > body > main > div > article > header > p:nth-of-type(1)` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-2%2Fcrop-390-1003.webp)
  - 390 px · `html > body > main > div > div > details > nav > ol > li:nth-of-type(2) > a` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-2%2Fcrop-390-1004.webp)
  - 390 px · `html > body > main > div > article > header > h1` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F5ff6a667-5160-4a2e-ada7-a810614000a0%2Fpage-2%2Fcrop-390-1005.webp)

#### Warning: Headings use heading tags (C167.1)

- Domain: Inclusion and adaptation
- Checks: Text styled as a section heading should be marked up as one, h1 to h6.
- Measured on /methodology: 3 headings without heading markup
- Passes at: Section-heading appearance is supported by heading semantics
- Warning at: A possible heading needs semantic review
- Fails at: A clear section heading lacks heading semantics
- Fix: Change the element to the right heading level (h2, h3 …) and keep its look with a class. Screen-reader users move through a page by its headings.
- Elements:
  - 1440 px · `html > body > main > div > article > section:nth-of-type(5) > div > div:nth-of-type(1) > p:nth-of-type(1)`
  - 1440 px · `html > body > main > div > article > section:nth-of-type(5) > div > div:nth-of-type(2) > p:nth-of-type(1)`
  - 1440 px · `html > body > main > div > article > section:nth-of-type(5) > div > div:nth-of-type(3) > p:nth-of-type(1)`

## Passed

- Dates aren't stale (C060.1)
- Headings are distinct (C073.2)
- Current page is marked (C077.1)
- Same link text, same place (C078.3)
- Controls are labelled on screen (C108.1)
- Hidden things stay hidden (C141.2)
- Targets are big enough (C158)
- Every control has a name (C160.1)
- Heading levels are in order (C167.2)
- Data tables use table tags (C167.5)
- Live regions are scoped (C170.2)

## Excluded

- Supporting text steps back (C006.1): No captions, hints or footnotes on this page.
- Links don't rely on colour (C031.1): Required inputs unavailable: states
- Paragraphs stay short (C074.1): Unresolved inputs or thresholds: 1
- C123.2 (C123.2): Required inputs unavailable: form-submit, owned or design-bench page
- Images have alt text (C139.1): No images on this page.
- Tab order follows the page (C154.2): Required inputs unavailable: keyboard
- Works at 320 px wide (C173): Required inputs unavailable: interaction
- Crops keep the subject (C194.1): No cropped images with a named subject.
- Notices can be dismissed (CAR-14.1): No informational banners or toasts on this page.
- Required fields are marked (C112.1): No required fields on this page.
- Format rules are shown (C112.2): No fields with format rules on this page.

## 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

Methodology: https://is-aesthetic.com/methodology