Blog
Insights, tutorials, and best practices for building accessible web experiences. Learn from real-world examples and stay updated with the latest in web accessibility.
- Read more
4 minutes read
Link or Button
Understanding the difference between links and buttons is crucial for web accessibility. Learn when to use <a> versus <button> in React and HTML to build accessible, semantic interfaces.
- Read more
4 minutes read
Semantic use of <del> and <s> tags: How to write an accessible price tag for e-commerces
In this article, I will explain the key differences between <del> and <s> tags, when to use each of them and how to write semantic and accessible price tags for e-commerces. I will also give you some tips on how to make your price tags discoverable by AI agents.
- Read more
18 minutes read
Accessible and Functional Quantity Spinbutton Pattern
Creation from scratch of a quantity spinbutton pattern, explaining why a native HTML solution is preferred over the W3C ARIA APG approach. Covers keyboard shortcuts, screen reader behavior across NVDA, VoiceOver, and TalkBack, and the browser accessibility tree quirks that affect real implementations.
- Read more
8 minutes read
Pretext: Accessible Demo
Rebuilt Cheng Lou's Pretext editorial-engine demo as a WCAG 2.2-compliant React app: keyboard-draggable orbs, screen reader support, prefers-reduced-motion, and a native HTML fallback at 150%+ zoom or under 500px.
- Read more
3 minutes read
Accessible and reusable accordion using only the <details> tag and CSS
Learn how to create an accessible and reusable Accordion component using only the <details> tag and CSS.