Skip to content

The A11Y Collective Blog

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

A list of blog articles

  • 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 …

  • Mastering Accessible Modals with ARIA and Keyboard Navigation

    Frustrated by inaccessible modals? Learn how to leverage ARIA & keyboard navigation to build modal dialogs that comply with accessibility guidelines.

  • Expert Guide: Writing HTML for Screen Reader Users

    Improve your website’s accessibility with our comprehensive guide on utilising HTML for screen readers. Learn the best practices and avoid common pitfalls.

  • Understanding Focus Indicators for Web Accessibility

    Focus indicators are one of the most essential, yet often overlooked, aspects of accessible design. When absent or styled invisibly, they make a website nearly impossible to navigate without a …

  • 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.

  • 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 …

  • Implementing Accessible SVG Elements

    Images are a powerful way to clarify complex ideas, reinforce content, and make the web more engaging. But if they aren’t accessible, some people will miss part of the story. …

  • Types of Accessibility Every Website Creator Should Know

    Did you know that approximately 16% of the global population lives with disabilities? Yet shockingly, most websites continue to fail basic accessibility checks. This creates barriers for millions of people …

  • Practical Guide on Implementing ‘aria-expanded’ in Web Development

    Become an ‘aria-expanded’ expert with our detailed guide. Avoid pitfalls, grow your web accessibility skills, and improve the web experience for all users.

  • 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.