Skip to content

Work / Trunk / Wiki / Surfaces

performance-accessibility

Surfacecanonicalverified 2026-10-18

SURFACE.WEB.ANALYSIS.PERFORMANCE-ACCESSIBILITY

Summary

Performance and accessibility, page by page: open a page for its metrics, its largest paint, the opportunities with their savings, and why it is slow; open a rule for the elements that break it.

Raw wireframe

  • .context/designs/web/analysis/performance-accessibility.html
  • .context/designs/web/analysis/performance-accessibility-locked.html — locked

Why it is drawn this way

Nested. A table of the 10 pages; the slowest, /tax at 3.9 s, is open to its five metrics, the element that paints last, four opportunities with savings, and an AI line on the cause. Nothing on it changes the design (2026-10-17-analysis-read-only).

Accessibility by rule, severity first: 11 issues on 3 rules. Contrast, the largest (warn text), is open to the elements, where they are and their ratio.

Desktop and Mobile is one toggle.

One name. The title, the h1 and the panel row all say Performance and accessibility.

Locked on the free month (moment 1): one centred card, "Performance and accessibility detail is on Team", with Move to Team. The panel links to the locked pages.

Related

Sources

  • .context/designs/web/analysis/performance-accessibility.html
  • .context/designs/web/analysis/performance-accessibility-locked.html — locked
  • The owner's instructions in the session of 2026-10-14.