Skip to content

Team A11Y Collective

Articles written by Team A11Y Collective

  • When to Use Modal vs 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 …

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

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

  • NVDA Keyboard Shortcuts for Different User Needs

    NVDA (NonVisual Desktop Access) is the free screen reader that’s been helping people who are blind and vision-impaired navigate the web since 2006. Created by NV Access, it’s completely open …

  • Are Accessibility Overlays a Good Investment?

    Accessibility overlays promise to fix your website’s accessibility issues with just one line of code. Sounds brilliant, right? For business owners and developers under pressure to meet compliance deadlines, these …

  • Magento Accessibility: Creating Stores Everyone Can Use

    Here’s a sobering fact: the average Magento homepage contains around 85 accessibility errors. That’s 85 barriers between you and potential customers. If you’re running an Adobe Commerce (formerly Magento) or …

  • How to Use Accessibility Bookmarklets for Better Testing

    You can’t always spot accessibility issues just by looking at a web page. The hidden problems – missing alt text, broken heading structures, poor keyboard navigation – these slip through …

  • How to Achieve ADA Compliance for Your Shopify Store

    Picture this: A Shopify merchant spends $400 on a premium theme. Months later, they’re slapped with a lawsuit. The settlement? $10,000. The cost to fix their store? Another $40,000. This …

  • Managing Content Visibility With aria-hidden

    Web accessibility is often overlooked in the hustle of development, but its importance cannot be overstated. One common issue many screen reader users know all too well is hearing the …

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

  • What You Need to Know About EN 301 549

    Remember how GDPR transformed the way organisations handle data privacy worldwide? EN 301 549 is doing the same for digital accessibility right now. This European standard sets out accessibility requirements …

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

  • Making Accessibility Work in Your Marketing Strategy

    Accessible marketing creates content and campaigns that everyone can use and enjoy effectively, including people with disabilities. However, the mistake many professionals make is that they treat accessibility as a …

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

  • 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 Perform a Comprehensive WCAG Audit

    If you have a business, chances are you don’t want to exclude potential customers.  Unfortunately, if you’re not making your website accessible, that’s precisely what’s happening.  People with disabilities are …

  • Accessible Writing Techniques for Web Content

    When people ask about what makes website content good, they often think about search engine optimisation, and not necessarily about the real purpose of any written word – effective communication. …

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

  • ADA Video Compliance Checklist

    Videos deliver information quickly and effectively. According to James McQuivey, PhD, a single minute of video can communicate as much as 1.8 million words, making it an incredibly powerful business …

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

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

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