Accessibility Testing in QA: What WCAG Requires and How to Test It

Accessibility Testing in QA: What WCAG Requires and How to Test It

Table of Contents

Share this

The gap between “we ran Lighthouse” and “this product is accessible” is where most bugs live.



Roughly 15% of the world’s population lives with some form of disability, according to the World Health Organization (2023). That number doesn’t include the much larger group navigating temporary or situational limitations – a broken arm, harsh sunlight on a phone screen, a noisy environment, one hand occupied. These aren’t edge cases. They’re everyday conditions your product will be used in.

Accessibility testing answers one question: can a person use this product independently and successfully, regardless of ability, device, or context?

That question belongs in every sprint review, not just in a pre-launch audit. Automated scanners cover approximately 30% of WCAG success criteria – the structural, machine-verifiable part. The remaining 70% requires judgment, real interaction paths, and someone who understands how assistive technologies actually behave in use. That’s why the tool selection below matters as much as the process around it.

This guide covers both: what WCAG requires, where automation ends, which tools are worth using in practice, and how to build accessibility verification into a QA workflow that holds across releases.


What Accessibility Testing Is (and What It Isn’t)

Accessibility testing is the practice of evaluating how well a website, app, or digital service works for people with diverse levels of abilities:

  • Visual: low vision, color blindness, contrast sensitivity
  • Auditory: hearing loss, auditory processing challenges
  • Motor: limited fine motor control, tremors, dyspraxia
  • Neurological: photosensitive epilepsy (seizure-triggering patterns)
  • Cognitive: dyslexia, memory challenges, attention limitations

You can’t perfectly simulate every experience, but you can still test against predictable friction points. In general, accessibility focuses on whether a user can:

  • Perceive the content (see/hear it)
  • Operate the interface (via keyboard, switches, voice, touch)
  • Understand the information, possible interactions, and the results those interactions may entail
  • Rely on the experience across assistive technologies and browsers

Accessibility testing is not only about screen readers, and it’s not only manual. It’s a mixed discipline where automation catches many baseline issues quickly, manual checks validate real usability, and (ideally) feedback from users with disabilities makes the results truthful.


Why Accessibility Is an Essential QA Activity in 2026

Accessibility work is often framed as altruism, but it’s also good engineering and good business. Here’s why it should be embedded into everyday QA.

1. Reach and market access

Accessible products work for more people, across more countries and more legal environments. That directly expands your user base and reduces friction in procurement, audits, and partnerships.

2. Standards compliance (and fewer legal risks)

Many regions enforce accessibility requirements through laws and directives. Even when enforcement is inconsistent, non-compliance can still lead to reputational damage and lawsuits. Well-known brands have faced legal action over missing alternative text, poor keyboard navigation, and inaccessible structure – issues that are entirely preventable with proper QA.

3. Better product quality overall

Accessibility improvements often reduce UI complexity, clarify semantics, improve error handling, and produce more consistent interaction patterns. This benefits everyone, not just users with disabilities.

4. Cleaner code and more automatable UI

Accessible UI tends to be more structured and semantic. That usually means more stable selectors, clearer states, and fewer “mystery elements” – which makes both automation and maintenance easier.


What Should Guide Your Accessibility Testing?

Standards. The most practical way to test accessibility is to anchor checks in standards rather than personal opinions.

Across regions you’ll encounter different laws (for example, ADA in the US, the Equality Act in the UK, EU directives, and others). Most of them map back to one shared foundation:

WCAG (Web Content Accessibility Guidelines)

WCAG is the most widely used set of guidelines for making web content and applications accessible. It’s maintained by W3C through the Web Accessibility Initiative (WAI).

WCAG is built around four principles, often remembered as POUR (an acronym we already used above when focusing on user expectations):

  • Perceivable: users can see/hear the content (text alternatives, captions, adaptable presentation)
  • Operable: users can navigate and control the interface (keyboard access, timing, seizure-safe content)
  • Understandable: information and UI behavior are clear and predictable (readability, consistent patterns, helpful errors)
  • Robust: content works reliably with current and future assistive technologies

WCAG Levels: A, AA, AAA

WCAG builds a tiered conformance framework, with three levels of requirements:

  • A: baseline requirements (form labels, keyboard navigation, alternative text for images, etc.)
  • AA: the most common product target, expanding the baseline with rules for color contrast, alternatives to the included media, and enhanced error identification and prevention for smoother UX
  • AAA: the most strict level; often unrealistic to apply across an entire product, unless legally required for specific fields

For most organizations, WCAG AA is the right balance between coverage and feasibility.


A Practical Toolkit: What QA Can Use Right Now

Start with What’s Already Built In

Operating systems and devices include accessibility features that are extremely useful for QA:

  • Screen magnification and zoom
  • On-screen keyboards
  • Voice control and dictation
  • Contrast and color filters
  • One-handed navigation options (mobile)

Using these during exploratory testing quickly surfaces real usability problems.

Browser Tools for Web Accessibility

Modern browsers provide developer tools that help you inspect the accessibility structure.

Two essentials:

  • Accessibility Tree: validates what assistive tech “sees” (roles, names, states)
  • Lighthouse: generates an accessibility report and highlights common issues

Popular Web Testing Extensions

These are widely adopted in QA and engineering teams:

Axe DevTools

A highly practical scanner for audits and daily checks. It can:

  • Analyze full pages or specific components
  • Test against WCAG versions and best practices
  • Identify exact DOM nodes where issues occur
  • Export reports and track progress
  • Run focused checks (keyboard traps, images, tables, landmarks)

WAVE (WebAIM)

A very visual tool that overlays issues directly on the page:

  • Icons show errors and warnings near relevant elements
  • Includes a heading structure view
  • Has built-in contrast checks
  • Less convenient than Axe for deeply nested layouts but great for quick reviews

Accessibility Insights for Web

A semi-automated approach:

  • Quick checks for high-impact issues
  • Guided workflows with checklists
  • Helpful for teams that are still building confidence in manual accessibility verification

Mobile: Fewer Tools, More Built-In Testing

On mobile platforms, accessibility work tends to rely more on OS features and platform analyzers (for example, Android accessibility scanning tools and iOS inspection utilities). The key is to test interaction patterns (gestures, focus order, dynamic updates) rather than only static UI screens.


Accessibility Testing vs. Functional Testing: Where They Overlap

A question that comes up frequently in QA planning: should accessibility testing be a separate track, or does it fold into functional testing?

The answer is both. Understanding where they overlap changes how you scope the work.

AspectFunctional TestingAccessibility Testing
Primary questionDoes it work correctly?Can everyone use it?
Automation coverageHigh for defined flows~30% of WCAG criteria
Manual focusEdge cases, error statesKeyboard paths, screen reader output
ToolsSelenium, Playwright, CypressAxe, WAVE, Lighthouse
Failure impactAll usersUsers with disabilities + assistive tech users

The overlap is real: a form that doesn’t submit correctly fails functional testing. The same form with unlabeled fields fails accessibility testing. Both failures block users. A QA engineer who catches both at the same point in the cycle delivers more value than one running separate passes.


How to Integrate Accessibility Testing into Your QA Process

To make accessibility sustainable, treat it as a routine, not a one-time project.

A practical approach:

  1. Define your baseline: choose WCAG AA unless you have a different target
  2. Shift left: include accessibility checks in acceptance criteria and definition of done
  3. Add automation: run scans in CI for key pages/components to catch regressions
  4. Plan manual checks: keyboard-only, screen reader smoke tests, form and error handling reviews
  5. Keep track and prioritize: track issues by user impact (not just severity labels)
  6. Manifest retests: accessibility fixes need verification and regression coverage

Basmar’s QA engineering services cover both automated and manual accessibility verification – built into every sprint, not bolted on before launch.


Frequently Asked Questions

What percentage of WCAG criteria can be tested automatically?

Industry research estimates that automated tools cover approximately 30% of WCAG success criteria. Tools like Axe DevTools and Lighthouse catch structural issues – missing labels, contrast failures, invalid ARIA – but whether an interaction is actually usable by someone navigating via keyboard or screen reader requires manual verification.

What is the difference between WCAG A, AA, and AAA compliance?

Level A covers baseline requirements like form labels, keyboard navigation, and alternative text. Level AA adds color contrast rules, captions, and enhanced error prevention – this is the target most organizations and legal frameworks use. Level AAA applies the strictest criteria and is typically scoped to specific high-risk sections rather than an entire product.

Can accessibility testing be integrated into a CI/CD pipeline?

Yes. Axe-core integrates with Selenium, Playwright, and Cypress to run accessibility assertions as part of automated test suites. This catches regressions on key pages before they reach production. Automated pipeline checks work alongside scheduled manual passes – they don’t replace them.

What does keyboard navigation testing actually involve?

It means verifying that every interactive element – links, buttons, form fields, modals, dropdowns – can be reached and operated using only Tab, Shift+Tab, Enter, Escape, and Arrow keys. The tester confirms focus is always visible, focus order is logical, no keyboard traps exist, and all mouse functionality is also available without a pointer.

How does accessibility testing relate to mobile QA?

Mobile accessibility testing follows the same POUR principles but covers gesture support, touch target sizes (WCAG requires at least 44×44 CSS pixels for interactive elements), screen reader behavior (VoiceOver on iOS, TalkBack on Android), dynamic text scaling, and contrast across device display modes.

What’s the difference between accessibility testing and usability testing for disabled users?

Accessibility testing verifies that a product meets defined technical standards and functions correctly with assistive technologies. Usability testing with disabled users goes further – it observes whether the experience is actually efficient and intuitive for real users. Accessibility testing is a prerequisite; usability testing validates the result.

What tools do QA engineers typically use for accessibility testing?

The most widely used tools are Axe DevTools (for page-level audits and CI integration), WAVE by WebAIM (for visual overlay inspection), Lighthouse (built into Chrome DevTools), and Accessibility Insights for Web (for guided manual workflows). On mobile: Android’s Accessibility Scanner and iOS’s Accessibility Inspector.

How long does a full accessibility audit take?

A focused audit of a single user flow typically takes two to four hours when manual testing is included. A full-product audit covering all critical paths can take several days to weeks, depending on scope and how many issues are found. Products with no prior accessibility testing tend to surface significantly more findings than ongoing audit cycles.


Conclusion

Accessibility testing is both straightforward and complex.

Straightforward, because we have global standards (WCAG) and well-supported tools. Complex, because real accessibility is about lived experience – something tools can’t fully validate.

For modern QA, accessibility isn’t optional. It’s a core part of building products that are trustworthy, inclusive, and truly usable today, as platforms evolve.

The practical starting point is clear: anchor your process to WCAG AA, automate what automation covers, build manual checks into every major release cycle, and treat accessibility bugs with the same severity discipline as functional ones.

If you’re evaluating who should run this process on your product – what technical and methodological signals to look for in a QA specialist – the partner piece on hiring QA engineers with accessibility expertise covers exactly that.

Frequently Asked Questions

A complete UI/UX project typically takes 8-12 weeks depending on scope. This includes research (1-2 weeks), IA and wireframing (2-3 weeks), visual design and prototyping (3-4 weeks), and testing (1-2 weeks). We can accelerate timelines with design sprints or extend for larger, more complex projects.

A complete UI/UX project typically takes 8-12 weeks depending on scope. This includes research (1-2 weeks), IA and wireframing (2-3 weeks), visual design and prototyping (3-4 weeks), and testing (1-2 weeks). We can accelerate timelines with design sprints or extend for larger, more complex projects.

A complete UI/UX project typically takes 8-12 weeks depending on scope. This includes research (1-2 weeks), IA and wireframing (2-3 weeks), visual design and prototyping (3-4 weeks), and testing (1-2 weeks). We can accelerate timelines with design sprints or extend for larger, more complex projects.

A complete UI/UX project typically takes 8-12 weeks depending on scope. This includes research (1-2 weeks), IA and wireframing (2-3 weeks), visual design and prototyping (3-4 weeks), and testing (1-2 weeks). We can accelerate timelines with design sprints or extend for larger, more complex projects.

A complete UI/UX project typically takes 8-12 weeks depending on scope. This includes research (1-2 weeks), IA and wireframing (2-3 weeks), visual design and prototyping (3-4 weeks), and testing (1-2 weeks). We can accelerate timelines with design sprints or extend for larger, more complex projects.

A complete UI/UX project typically takes 8-12 weeks depending on scope. This includes research (1-2 weeks), IA and wireframing (2-3 weeks), visual design and prototyping (3-4 weeks), and testing (1-2 weeks). We can accelerate timelines with design sprints or extend for larger, more complex projects.