Frontend & UI
7 posts tagged #accessibility on DiCodeWeb, from fundamentals to production, newest first.
7 postsUpdated Sep 8, 2026
When native elements run out, ARIA is a contract you have to keep. The accessibility tree and name computation, roving tabindex vs aria-activedescendant, a combobox and tabs built step by step, live regions that really announce, focus on route changes, and how to test it all.
Headless hooks with prop getters, compound components over context, asChild and render props, useControllableState for controlled and uncontrolled modes, keyboard and ARIA as part of the API, the cost of polymorphism in TypeScript, and when to use Radix, React Aria or Base UI instead of building your own.
A search-suggestion box looks simple, yet it packs nearly every hard frontend problem into one component: race conditions, debounce, caching, flicker-free states, the WAI-ARIA combobox pattern, IME typing and testing. This post builds it piece by piece in React + TypeScript.
How I design and build UI for features whose output changes every time: latency budgets and streaming, suggestions that can be accepted, edited or rejected with a typed state model, undo and preview, honest sources, feedback wired to analytics, graceful failure and accessibility.
The frontend side of sending files to an LLM: file input, drag-and-drop and paste, sniffing types by magic bytes, downscaling images and stripping EXIF in the browser, HEIC from iPhones, PDFs, recording audio with MediaRecorder, presigned uploads with progress and cancellation, object URL cleanup, accessibility and what the server must still check.
Building a virtual list in React + TypeScript by hand: windowing math with real numbers, overscan, variable heights with prefix sums and binary search, measuring with ResizeObserver, preventing scroll jumps, accessibility — and when not to virtualize at all.
From showModal(), the top layer and ::backdrop to focus management, labelling, scroll locking, backdrop clicks and nested dialogs — plus a small React component and how to test it with a keyboard and a screen reader.