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.