Browsing Tag
a11y
36 posts
Single List Keyboard Handling
Prologue A while ago, I decided to develop a fully accessible main navigation component in React and write…
Accessibility Testing: Best Practices
Accessibility testing requires more than an automated scanner. A scanner catches roughly 30-50% of WCAG issues. The rest…
Introducing @accesslint/jest: progressive accessibility testing for Jest
This post is for the team rolling out accessibility testing: developer tooling, CI platform, design systems, frontend tooling,…
Building an Accessible Toast Notification System in React
Toast notifications are often implemented as simple UI feedback components, but making them accessible requires additional considerations. In…
WCAG – Links and accessible text
Descriptive Link Text Link text should clearly describe the destination or function of the link. Avoid generic terms…
🧑💻 Alt Text vs ARIA Labels — What Developers Often Miss
Most developers know the basics of Alt Text for images. But when building modern apps with complex UI,…
WCAG – contrast requirements
Definitions Normal Text: Less than 24px or less than 18.7px if bold. Large-Scale Text: At least 24px or at least 18.7px with…
Stanikmas, Lynn. (2025). CodeChallenge. GitHub.
This Angular to-do list, completed as a coding challenge as part of a job interview, showcases accessibility features,…
Using aria-labelledby for accessible names
When building UI, we often rely on icons or visual cues that don’t include visible text. While that…
When Your Live Region Isn’t Live: Fixing aria-live in Angular, React, and Vue
You’ve built a modern single-page application with dynamic content alerts and live tickers – of course: with accessibility…