Skip to content

The A11Y Collective Blog

Stay up to date about the ins & outs of Web Accessibility!

A list of blog articles

  • How Keyboard Traps Impact Web Accessibility

    Imagine trying to navigate a website where you can enter information but can’t move to the next field. Or perhaps you’ve opened a dropdown menu but can’t escape it. Frustrating, …

  • When to Use Modal vs Non-Modal Dialog Components

    Have you ever clicked a button only to be interrupted by a pop-up that demands your attention? Or perhaps noticed a small information box appear without stopping your workflow? These …

  • How to Test and Improve Carousel Accessibility: A Complete Guide

    Discover the secrets behind building accessible carousel components with this complete guide. We cover the fundamentals of how to make carousel components accessible for all users (including keyboard-only and screen reader users) and provide practical tips and HTML, CSS, and JavaScript snippets to help readers build their own accessible carousel components.

  • aria-label or title? Screen Reader Behaviour Explained

    When designing for the web, we often focus on what users see. But what about what users hear? For the over 2.2 billion people globally with a vision impairment, how …

  • How to Ensure Full Accessibility in Custom ARIA Buttons

    Buttons are fundamental components in web applications, used for actions like submitting forms, opening dialogs, or canceling tasks. However, when the native HTML <button> element doesn’t meet the design or …

  • The Complete Guide to ARIA Live Regions for Developers

    Have you ever updated content on your website and wondered how to make sure everyone knows about the change? It’s a common challenge, especially for people who use screen readers …

  • Essential Visually Hidden CSS Techniques for Web Accessibility

    Building accessible websites means thinking about every user. Purely visual elements on a website cannot be perceived by people who cannot see. In cases like this, you need to provide …

  • The Hidden Gold of Web Accessibility: Everything About ARIA Labels

    Dive into ARIA labels for web accessibility and enhance your skill set. Unveil their potential, discover best practices, and how to avoid pitfalls.

  • Improving Icon Usability and Accessibility: 6 Valuable Tips

    Icons are more than mere visual elements; they are the universal language that bridges users and interfaces across the globe. However, as we celebrate the diversity of our audience, it becomes increasingly important to ensure that these symbols are visually appealing, universally accessible, and usable.

  • Understanding the Differences between aria-label and aria-labelledby

    Dive into our comprehensive guide comparing aria-label and aria-labelledby so you can use ARIA attributes efficiently in your web accessibility projects.