Interview questions in Design & UX, page 10
ARIA roles and keyboard nav for a Tabs component
Tablist, tab, tabpanel roles with aria-selected and aria-controls; arrow keys move tabs, Tab moves to the panel via roving tabindex.
How do you architect an automated performance and accessibility testing pipeline?
This tests operationalizing quality gates via automation, not manual checks. A strong answer covers Lighthouse CI in CI/CD, fail thresholds for CWV and WCAG, and a triage workflow assigning regressions to owners.
How do you enforce WCAG touch target minimums in Figma?
Tests WCAG 2.2 SC 2.5.8 and design-system governance. A strong answer cites the 24x24 CSS pixel minimum and spacing exception, then covers Figma component constraints and linting. A red flag is dumping accessibility on developers without design guardrails.
Build a dynamic table of contents from article h2 tags
Query h2s with querySelectorAll, assign ids, map to anchor links, append a nav list.
Enforcing an accessible name on icon-only buttons
Require aria-label via the type system for icon-only variants, warn at runtime, decorate the icon as aria-hidden.
How would you model user events to analyze cancellation paths?
Timestamped events with user and session IDs, separate entity snapshots, and time-range partitioning.
How do you indicate sort state accessibly in a data table?
Use shape-differentiated icons, annotate aria-sort on the active header, and maximize the button click target.
How do you dynamically populate Open Graph and Twitter Card meta tags?
This tests server-side meta injection from article data. A strong answer covers the four required og properties, Twitter Card name-attribute equivalents, and structured image metadata like width, height, alt.
Accessible toasts with ARIA live regions
A persistent live region, polite vs assertive by urgency, role status or alert, content injected after mount.
How would you design an experiment measuring API latency impact on retention?
Randomize users into control and delay groups; track D7 retention and P99 latency; analyze with quantile metrics.
Walk me through inspecting a component's styling in Figma Dev Mode
Press Shift+D; find the ready-for-dev frame in the left sidebar; click to center it; inspect colors, typography, and spacing.
How would you design an auto-generated sitemap.xml for a large blog?
This tests scalable SEO automation. A strong answer proposes an async pipeline, sitemap index files past 50,000 URLs, and loc, lastmod, and priority. Red flag: manual edits, static files in git, or ignoring the 50,000 URL limit.
Adapting CSS for Forced Colors Mode
Use semantic HTML and system color keywords, the forced-colors media query, forced-color-adjust sparingly.
Detect a three-action user sequence in real-time at scale
Tests stream processing and stateful pattern matching on unbounded data. A strong design uses a CEP engine with keyed event-time windows, pushes alerts via WebSocket, and trades state-memory for latency.
How do you export and optimize a Figma SVG for web?
This tests your design-to-code workflow. A strong answer covers: selecting the vector layer, adding an SVG export in the right sidebar, and running the output through SVGO to strip metadata and flatten transforms.
Outline a strategy to improve LCP and CLS for blog article pages
Fix LCP with server speed, resource hints, critical CSS; fix CLS with explicit sizes and font-display.
Shadow DOM accessibility: focus and cross-boundary ARIA
IDREF ARIA can't cross the shadow boundary, so aria-labelledby and aria-activedescendant break; delegatesFocus and ElementInternals/ARIAMixin help.
Walk me through your next steps after five user interviews
Extract observations onto sticky notes, cluster into themes as a team, then prioritize for next steps.
Translate Figma Auto Layout padding, direction, and spacing to Flexbox
Tests your ability to bridge design tools and CSS layout mechanics. Match direction to flex-direction, padding to gap or container padding, space-between to justify-content, and hug/fill to flex-grow or flex-shrink.
Design a system to A/B test headlines for a single article URL
Hash users for sticky variants; store separately; emit events; compute CTR.
We are hiring for this. Every open role lists the topics its interview covers, so you can prepare for the real thing rather than guessing.
See open roles