Settings Page checklist before you ship

Design & UI/UX

0/7

Layout tested on all viewport sizes (mobile, tablet, desktop)

Critical

Above-the-fold content loads without layout shift

Critical

Empty and loading states designed

Important

Visual hierarchy guides user to primary action

Critical

Hero / header communicates value immediately

Critical

Typography scale is consistent and readable

Important

Page works in dark mode

Important

Accessibility

0/6

Correct heading hierarchy (h1 → h6)

Critical

All images have descriptive alt text

Critical

Skip to main content link present

Important

Keyboard navigation works end-to-end

Critical

Color contrast meets WCAG AA (4.5:1 text, 3:1 UI)

Critical

Forms have associated labels and error messages

Critical

Performance

0/5

LCP element identified and preloaded

Critical

No CLS from fonts, images, or dynamic content

Critical

INP < 200ms for interactions

Important

Third-party scripts load async or deferred

Important

Page passes Lighthouse performance audit (score ≥ 90)

Important

Testing & QA

0/4

End-to-end test for the primary user flow

Important

Automated accessibility audit passes (axe / Lighthouse)

Critical

Tested on real mobile devices

Important

Cross-browser tested (Chrome, Firefox, Safari)

Important

Settings Page. Work through the list before you ship.

Design & UI/UX

Accessibility

Performance

Testing & QA