Accessible building blocks for web
Short videos on headings, images, links, buttons, and forms, with practical accessibility tips.
Accessibility news
-
-
Reference Target: having your encapsulation and eating it too
New proposal lets shadow DOM internals be referenced via the host without breaking encapsulation.
-
Five accessibility checks to run on every component
Essential component tests for keyboard, tokens, names, zoom, and screen readers.
-
Try text scaling support in Chrome Canary
New meta element brings OS text scaling to mobile.
-
IDREFs: what they are and how to use them
How to build explicit HTML and ARIA relationships for accessibility.
-
APCA + WCAG 2 contrast checker
New open-source contrast checker unites APCA and WCAG 2.
-
Top layer troubles: popover vs dialog
Why toast popovers can float above dialogs yet stay unreachable, and how to fix the top-layer trap.
-
HTML
popoverattribute in practiceCovers implicit anchors, auto vs manual vs hint modes, and JS control for accessible popovers.
-
A complete guide to the
<input type="number">A detailed walkthrough of the input number, its quirks and best practices in modern browsers.
-
Simple one-time passcode inputs
Using just HTML and a few attributes, you can build accessible and reliable OTP forms.
-
HTML’s best kept secret: the
<output>tagRediscover the forgotten HTML element that improves accessibility.
-
Searchable, collapsible sections with
hidden="until-found"Enhancing collapsible sections with progressive discovery and better find-in-page support.