Logo The A11Y Collective, go to the homepage
Cart
Home Blog

The A11Y Collective Blog

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

A list of blog articles

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

    Design & UX

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

    Code & development

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

    Code & development

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

    Design & UX

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

    Code & development

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

    Code & development

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

    Design & UX

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

    Code & development

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

    Design & UX

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

    Design & UX