Skip to content

The A11Y Collective Blog

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

A list of blog articles

  • A Web Developer’s Guide to Buttons vs Links

    Misusing a button or a link element might seem like a harmless oversight, but under the hood, it can quietly derail accessibility, break keyboard navigation, and create confusing experiences for …

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

  • Building Accessible Tab Interfaces

    Tab interfaces are everywhere – product pages, dashboards, profile settings – and for good reason. They organise lots of content into a small space without overwhelming people. But when tabs …

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

  • The Dos and Don’ts of Using Tabindex in Web Design

    Struggling with tabindex in web design? Step up your UI/UX game and avoid common pitfalls with our guide on effective tab order.

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

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

  • 6 Accessible Website Examples to Inspire Your Design

    Explore real-world examples of accessible websites & get inspired for your own design. Learn how to overcome accessibility challenges & improve user experience.

  • HTML Accessibility: Programming with an Inclusive Perspective

    Web accessibility is about building digital spaces that are inclusive and navigable for everyone, regardless of their abilities. It’s like constructing a building with ramps and elevators alongside stairs – it ensures that everyone, regardless of how they move, can access every floor.