intermediate

Accessibility, SEO, and Internationalization

Inclusive, discoverable, and locale-aware web application practices for frontend and fullstack interviews.

This domain bundles three interview pillars for shipping global web products: **accessibility** (inclusive interaction), **SEO** (discoverability and crawl correctness), and **internationalization** (locale-aware UX). Strong FullStack answers connect them—semantic HTML helps AT and crawlers; locale routing affects hreflang and canonical policy; metadata must render in the initial HTML.

Sub-areas: accessibility (semantic HTML through WCAG), SEO (metadata through rendering strategy), internationalization (routing through RTL).

On interviews: prioritize native HTML before ARIA; explain why robots.txt is not security; describe ICU plurals instead of string concat; pick SSR/SSG when crawlers need complete HTML.

Common pitfalls: treating these as marketing-only concerns; fixing Lighthouse a11y without keyboard testing; SEO tags only in client effects; translating words without locale formatting rules.

The trade-off is shipping fast in one locale versus investing in inclusive, discoverable, global UX early.

Checklist:

  • Native semantics and keyboard paths on critical flows.
  • Server-rendered title, canonical, and hreflang where indexed.
  • Locale-aware messages, numbers, dates, and direction.
  • Use child topics for depth on each pillar.