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 …

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

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

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

  • Implement WCAG Rules in Your Infographics

    Traditional infographics often create significant barriers for users with visual impairments and those who rely on assistive technologies. Yes, they are visually appealing and allow you to show information in …

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

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

  • Make Navigation Accessible with aria-current

    When navigating the web, you’ve no doubt noticed websites that use different colours or highlighted text and bolded information to help you identify where you are on a page.  Now …