IDREFs: what they are and how to use them
How to build explicit HTML and ARIA relationships for accessibility.
Accessibility news
-
-
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.
-
Simplified accessibility testing right from your browser
Bookmarklets for checking color contrast and running Axe accessibility tests on any site.
-
Screen reader HTML support
Compatibility table of HTML elements in JAWS, NVDA, VoiceOver, and TalkBack.
-
Taking a shot at the double focus ring problem
Building a universal focus outline with inner and outer rings using modern CSS features.
-
Inclusive Design 24
Free 24-hour accessibility conference with talks on design, testing, legislation, and more.
-
Alternative text for CSS content
New CSS syntax for alt text on generated content, browser support, and screen reader compatibility.