Frontend (Next.js) and Accessibility

SSR/SSG/ISR/CSR

render on server now (Server)/ build-time static (Generation) / static with timed refresh (Incremental Static Regen)/ browser-rendered. (Client side)

Hydration

making static HTML interactive.

Virtual DOM

React’s fast in-memory diff of the page.

Bundling / code-splitting / lazy loading

ship less JS and load when needed.

Core Web Vitals

LCP (largest paint), CLS (layout shift), INP (interaction delay).

Combobox

searchable dropdown with keyboard and screen-reader support.

WCAG 2.2 AA

accessibility standard your app meets.

Color contrast

readable text vs background (4.5:1 normal).

Keyboard support

everything works without a mouse.

Focus Appearance / Not Obscured

visible outline; not hidden by headers.

Target Size

tap targets large enough.

Dragging alternative

provide non-drag method.

Redundant Entry

don’t re-ask for info you already have.

Consistent Help

help/links in the same place.

Accessible Authentication

no memory puzzles; magic link is fine.

ARIA / landmarks

roles (dialog, status) and proper tags. Accessibility Rich Internet Apps

Alt text

describe images (or alt="" if decorative).