# Design report: www.wikipedia.org

- Score: 78.6 / 100, grade C
- Scanned: 2026-10-24T04:53:14.241Z
- Pages: https://www.wikipedia.org/
- Checks: 2 failed, 2 warnings, 10 passed, 13 excluded
- Report: https://is-aesthetic.com/r/www.wikipedia.org

## Tiers

- Essential: 78.6 of 100 points (14 evaluated, 432 excluded)
- Recommended: 0 of 0 points (0 evaluated, 73 excluded)
- Bonus: 0 of 5 points (0 evaluated, 14 excluded)

## Domains

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

## What to fix

### Essential

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

- Domain: Visual communication
- Checks: Text and controls must not cover each other at desktop or phone widths.
- Measured: 3 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 > footer > nav > div:nth-of-type(12) > a`
  - 320 px · `html > body > footer > p > small:nth-of-type(1) > a`
  - 390 px · `html > body > footer > nav > div:nth-of-type(12) > a`

#### Fail: Every control has a name (C160.1)

- Domain: Inclusion and adaptation
- Checks: Buttons, links and fields need a name that a screen reader can announce.
- Measured: 1 control without a name
- Passes at: Every tested control has a nonempty accessible name
- Fails at: A tested control has an empty accessible name
- Fix: Give the control visible text, or an aria-label if it is icon-only. For a linked image, put the alt text on the image.
- Elements:
  - 390 px · `#searchInput` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F8a059fa6-9f1a-400d-aeb7-7e2aac08a419%2Fpage-0%2Fcrop-390-3.webp)

#### Warning: Controls are labelled on screen (C108.1)

- Domain: Functional and interaction support
- Checks: Fields need visible labels, and icon-only buttons should be few and use familiar icons.
- Measured: 2 controls without a visible label
- Passes at: Fields are visibly identified and standalone icon controls are clear
- Warning at: A nonstandard standalone icon control needs a label
- Fails at: A field has no visible label after the documented search-field exceptions
- Fix: 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.
- Elements:
  - 1440 px · `html > body > footer > div:nth-of-type(2) > div > div > ul > li:nth-of-type(1) > a`
  - 1440 px · `html > body > footer > div:nth-of-type(2) > div > div > ul > li:nth-of-type(2) > a`

#### Warning: 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: 2 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:
  - 390 px · `html > body > main > div:nth-of-type(1) > h1 > strong` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F8a059fa6-9f1a-400d-aeb7-7e2aac08a419%2Fpage-0%2Fcrop-390-1000.webp)
  - 390 px · `html > body > main > div:nth-of-type(1) > h1 > span` · [crop](https://is-aesthetic.com/api/v1/evidence?path=reports%2F8a059fa6-9f1a-400d-aeb7-7e2aac08a419%2Fpage-0%2Fcrop-390-1001.webp)

## Passed

- Supporting text steps back (C006.1)
- Dates aren't stale (C060.1)
- Headings are distinct (C073.2)
- Same link text, same place (C078.3)
- Images have alt text (C139.1)
- Hidden things stay hidden (C141.2)
- Targets are big enough (C158)
- Names include the visible label (C160.2)
- Heading levels are in order (C167.2)
- Data tables use table tags (C167.5)

## Excluded

- Repeated parts look the same (C014.1): No repeated components to compare 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
- Current page is marked (C077.1): No navigation item points at this page.
- C123.2 (C123.2): Required inputs unavailable: form-submit, owned or design-bench page
- Tab order follows the page (C154.2): Required inputs unavailable: keyboard
- Headings use heading tags (C167.1): No text styled as a heading.
- Live regions are scoped (C170.2): No live regions on this page.
- 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