Reference Target: having your encapsulation and eating it too
New proposal lets shadow DOM internals be referenced via the host without breaking encapsulation.
Accessibility news — Page 2
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.
Harmonizer, an accessible color palette generator
Generate accessible, consistent color palettes with OKLCH, APCA, and WCAG contrast tools.