Aristek Systems
Contact Us
Preview of case

How We Built an AI-Powered Accessibility Pipeline That Prevents WCAG Violations Before Release

A mid-market B2B HealthTech SaaS company serving 50+ enterprise healthcare organizations across North America. Their platform supports clinical workflows for thousands of end users across web and mobile.

They needed WCAG 2.2 Level AA compliance for enterprise procurement, but violations kept returning with every release. We replaced their manual audit cycle with an AI-assisted accessibility pipeline that detects issues in CI, suggests fixes in context, and automates repetitive remediation.

0
Icon 1HealthTech
Icon 2North America
Icon 34 months

Key achievements

Image
54 → 96

accessibility compliance score, measured via a weighted violation index built on axe-core outputs across critical application routes

0 critical

accessibility violations reached production during the first 8 weeks after launch

~60% less

QA time spent on repetitive accessibility checks due to AI-assisted remediation and triage

Challenge

The client operated a mature Healthcare SaaS platform with frequent releases and growing enterprise demand. Accessibility, however, had never been embedded into the delivery process. The team planned to address WCAG compliance later, but over time, accessibility debt accumulated across forms, shared components, navigation, and interactive workflows.

The issue became business-critical when enterprise buyers started requesting WCAG 2.2 Level AA compliance evidence during procurement. The client relied on periodic audits and manual remediation sprints, but the same categories of violations returned after every release. The process generated reports, not prevention.

The main problem was not the lack of accessibility tools. The problem was the absence of a system that could detect and stop violations before production.

Developers received noisy reports with duplicate findings. QA engineers spent time on repetitive checks instead of usability testing. Designers and developers lacked a shared accessibility standard during handoff and implementation.

The client needed a continuous accessibility process integrated directly into development and release workflows.

Key challenges were the following:

  • Icon of card 1

    No clear ownership of accessibility

    Accessibility requirements were absent from the Definition of Done, code review criteria, and QA workflows. Violations accumulated sprint after sprint without clear accountability.

  • Icon of card 2

    No early detection in the development pipeline

    The project had no accessibility linting or CI validation. Many issues were discovered only after release, often during enterprise procurement reviews.

  • Icon of card 3

    Automated reports too noisy to act on

    axe scans generated large reports with duplicate findings and false positives. Developers received dozens of alerts without clear prioritization and gradually stopped reviewing them.

  • Icon of card 4

    Accessibility gaps introduced at the design stage

    Design files lacked annotations for focus order, keyboard behavior, and ARIA roles. Developers made implementation decisions under delivery pressure without shared standards.

  • Icon of card 5

    Compliance blocking enterprise sales

    Enterprise buyers required documented WCAG 2.2 compliance before contract approval. The client could not provide consistent evidence, which delayed procurement discussions.

Solution

The client initially requested an accessibility audit. Instead of delivering another static report, we built a continuous accessibility pipeline integrated into the product delivery process.

The goal was straightforward: accessibility issues should be detected and resolved during development, not after release. To achieve this, we combined rule-based validation tools with an AI layer responsible for triage, fix suggestions, and automated remediation of repetitive issues.

We started with a baseline assessment of the existing platform. The scan covered the product’s highest-traffic pages and shared UI components. Automated checks with axe-core and pa11y-ci were combined with manual keyboard and screen reader testing using NVDA and VoiceOver.

The findings established the remediation backlog and provided context for the AI layer, including component patterns, naming conventions, and ARIA usage.

From there, we implemented a three-layer accessibility pipeline that runs continuously across commits, pull requests, and staging environments.

Image

GitLab CI pipeline triggered by a commit introducing WCAG 2.2 violations. The a11y:axe-scan stage returns a Warning status, surfacing automated signal that critical accessibility issues are present.

Image of card 1

Fragment of axe-core output from the a11y:axe-scan CI job. The log reports 16 total critical violations, and terminates with exit code 1.

Image of card 2

The remediation commit. Every fix is mapped directly to its WCAG 2.2 Success Criterion in the commit message — SC 1.1.1, SC 1.3.1, SC 1.4.3, SC 4.1.2.

Image of card 3

Code difference for the remediation commit. Removed lines (red) show inaccessible markup. Added lines (green) show the WCAG-compliant replacements applied in the same commit.

Image of card 4

All four CI stages passed after remediation: lint:a11y, build:vite, a11y:axe-scan, a11y:report. Pipeline confirms zero critical violations — accessibility is now a hard gate in the release process.

Image of card 5

Merge request opened from the fix branch. The description maps each accessibility fix to its WCAG 2.2 Success Criterion, affected file, and the specific change applied.

Image of card 6

Project scope

To move accessibility from periodic remediation to continuous prevention, we structured the work into five phases. The first stage established the baseline and identified the highest-risk issues.

The following phases focused on remediation, automated detection, AI-assisted prioritization, and process changes required to keep accessibility part of the delivery workflow.

Phase 1. Baseline assessment and AI calibration

We started by analyzing the real state of the product. Automated scans with axe-core and pa11y-ci were combined with manual testing using NVDA and VoiceOver. The review covered high-traffic pages and shared UI components.

Each issue was mapped to WCAG 2.2 criteria and classified by severity. The output formed a structured backlog for remediation. At the same time, the dataset was used to calibrate the AI layer with real component structures, naming conventions, and ARIA patterns from the codebase.

Phase 2. Codebase remediation with AI-assisted fixes

We removed critical and serious accessibility issues directly in the codebase. The AI layer supported developers during pull request reviews by suggesting context-specific fixes.

This included missing labels, incorrect or missing alt text, contrast problems, and broken modal behavior. Developers reviewed suggestions, adjusted implementation where needed, and merged changes into production-ready code.

This phase cleared existing technical debt and created validated patterns for future reuse.

Phase 3. Rule-based detection pipeline

We introduced automated accessibility checks across all stages of delivery.

Pre-commit hooks used eslint-plugin-jsx-a11y to validate UI code before it entered the repository. Pull requests triggered axe-core scans in CI pipelines against Storybook builds. Staging environments were validated with pa11y-ci on key application routes.

Each layer added a controlled gate. Critical and serious violations blocked releases. This ensured that accessibility issues could not progress unnoticed.

Phase 4. AI triage and remediation layer

Raw accessibility reports were not actionable at scale. They contained duplicates, repeated symptoms, and limited prioritization.

We introduced an AI layer that grouped violations by root cause, removed duplicates, and filtered known false positives. It also ranked issues by user impact instead of raw WCAG severity.

Developers received structured pull request comments with clear actions. For repetitive patterns, the system generated direct code fixes, such as labels, ARIA attributes, and decorative element handling.

Phase 5. Process integration and team enablement

We embedded accessibility requirements directly into the delivery process.

Definition of Done was extended across component, feature, and release levels. Each level included automated checks, screen reader validation, and review of AI-generated suggestions.

We also trained the team on accessibility workflows, CI reports, and manual testing using screen readers. After this phase, the pipeline became part of standard development practice and did not require external oversight.

Team

  • Image of slide 0

    Project manager x1

  • Image of slide 1

    UX/UI designer x1

  • Image of slide 2

    Lead Frontend Developer x1

  • Image of slide 3

    QA engineer x1

Tools & technologies

LLM-based triage & fix suggestion engine<br/> (custom, built on Anthropic Claude API)
Context: codebase patterns
WCAG criteria mapping
component library
axe-core
@axe-core/playwright
axe-storybook
pa11y
pa11y-ci
GitHub Actions
GitLab CI
eslint-plugin-jsx-a11y
lint-staged
@storybook/addon-a11y
NVDA + Chrome (Windows)
VoiceOver + Safari (macOS/iOS)
JAWS (enterprise validation)
axe DevTools (browser ext)
axe-core/Playwright (CI score tracking)
axe DevTools Pro (manual audit scoring)
Figma
A11y Annotation Kit (Figma plugin)
Stark (contrast checker)
React
TypeScript
CSS Modules/Tailwind
Jira (DoD custom fields)
Notion (audit log)
Google Sheets (issue tracker)

Results

The outcome was not limited to fixing existing accessibility issues.

The main change was structural. Accessibility moved from a periodic audit activity to a continuous control layer inside the delivery process. The client no longer relies on external audits to detect regressions or validate compliance. Every release now passes through automated checks, AI-based triage, and controlled remediation flows.

The business impact was visible both in product quality and delivery efficiency. Enterprise procurement became possible with verifiable compliance data generated directly from the CI pipeline.

At the same time, engineering and QA teams reduced time spent on repetitive accessibility work and focused on higher-value testing areas that require human judgment.

Key achievements:

  • Icon of card 1

    Enterprise procurement no longer blocked by compliance requirements

    Within six weeks, the client provided enterprise buyers with auditable compliance documentation. One opportunity converted into a signed contract, and another advanced to final evaluation.

  • Icon of card 2

    54 → 96 accessibility compliance score

    Measured across 12 critical application routes and 40+ shared UI components. Critical violations were weighted higher than moderate findings; duplicate findings from the same root component were grouped. Manual screen reader and keyboard results were tracked separately and used as release gates.

  • Icon of card 3

    0 critical issues in production for 8+ weeks

    All critical violations were removed, and the pipeline blocked regression attempts before release.

  • Icon of card 4

    ~60% reduction in QA time on accessibility checks

    Automated detection and AI-assisted remediation reduced manual QA effort on repetitive checks. QA focus shifted to screen reader behavior, keyboard navigation, and edge-case usability.

  • Icon of card 5

    ~50% faster remediation per issue

    Developers resolved mechanical accessibility problems in seconds through inline AI suggestions, reducing dependency on manual review cycles.

  • Rule-based tools tell you what’s broken. AI tells you what matters, why it matters to a real user, and what to type to fix it. Our QA engineer stopped spending hours triaging axe reports and started spending them on the things only a human can catch. That’s the right division of labor.

    Lead Frontend DeveloperAristek Systems
  • Rule-based tools tell you what’s broken. AI tells you what matters, why it matters to a real user, and what to type to fix it. Our QA engineer stopped spending hours triaging axe reports and started spending them on the things only a human can catch. That’s the right division of labor.

    Lead Frontend DeveloperAristek Systems

If accessibility compliance is costing you audits, deals, or developer time, there is a more permanent fix.

We build AI-augmented pipelines that keep your product WCAG-compliant without recurring external reviews.

Key takeaways

This project confirmed a clear shift in how accessibility work scales inside engineering teams.

Image
Icon 1

Accessibility debt is usually a process problem, not a testing problem
Most violations were not caused by a lack of audits. They were caused by the absence of accessibility requirements in design, development, and release workflows.

Icon 2

Prevention produces better outcomes than remediation
The highest value came from stopping issues at the component and pull request level. Every defect prevented before release avoided future remediation effort and compliance risk.

Icon 3

AI is most effective when paired with clear boundaries
The strongest results came from automating repetitive, rules-based work while keeping human review responsible for usability, interaction design, and screen reader experience.

Icon 4

Compliance data becomes more valuable when generated continuously
Enterprise buyers rarely ask whether accessibility has been reviewed. They ask for evidence. Automated reporting transformed compliance from a point-in-time assessment into an auditable process.

Icon 5

Accessibility maturity depends on cross-functional ownership
Long-term improvements required participation from designers, developers, QA engineers, and product stakeholders. Accessibility became sustainable only after responsibilities were built into everyday delivery practices.

We use third-party cookies to improve your experience with aristeksystems.com and enhance our services. Click either 'Accept' or 'Manage' to proceed.