VOOZH about

URL: https://thenewstack.io/ai-code-wcag-accessibility/

⇱ Building for accessibility in an AI-first development world - The New Stack


TNS
SUBSCRIBE
Join our community of software engineering leaders and aspirational developers. Always stay in-the-know by getting the most important news and exclusive content delivered fresh to your inbox to learn more about at-scale software development.
REQUIRED
It seems that you've previously unsubscribed from our newsletter in the past. Click the button below to open the re-subscribe form in a new tab. When you're done, simply close that tab and continue with this form to complete your subscription.
The New Stack does not sell your information or share it with unaffiliated third parties. By continuing, you agree to our Terms of Use and Privacy Policy.
Welcome and thank you for joining The New Stack community!
Please answer a few simple questions to help us deliver the news and resources you are interested in.
REQUIRED
REQUIRED
REQUIRED
REQUIRED
REQUIRED
Great to meet you!
Tell us a bit about your job so we can cover the topics you find most relevant.
REQUIRED
REQUIRED
REQUIRED
REQUIRED
REQUIRED
Welcome!

We’re so glad you’re here. You can expect all the best TNS content to arrive Monday through Friday to keep you on top of the news and at the top of your game.

What’s next?

Check your inbox for a confirmation email where you can adjust your preferences and even join additional groups.

Follow TNS on your favorite social media networks.

Become a TNS follower on LinkedIn.

Check out the latest featured and trending stories while you wait for your first TNS newsletter.

PREV
1 of 2
NEXT
VOXPOP
As a JavaScript developer, what non-React tools do you use most often?
Angular
0%
Astro
0%
Svelte
0%
Vue.js
0%
Other
0%
I only use React
0%
I don't use JavaScript
0%
Thanks for your opinion! Subscribe below to get the final results, published exclusively in our TNS Update newsletter:
NEW! Try Stackie AI
From clobbered drafts to real-time sync
Apr 14th 2026 10:00am, by David Moore
TypeScript 6.0 RC arrives as a bridge to a faster future
Mar 14th 2026 9:00am, by Darryl K. Taft
Mastra empowers web devs to build AI agents in TypeScript
Jan 28th 2026 11:00am, by Loraine Lawson
2026-05-20 09:00:00
Building for accessibility in an AI-first development world
sponsor-audioeye,sponsored-post,
AI Engineering / Compliance / Software Development

Building for accessibility in an AI-first development world

LLM-assisted coding tools have accelerated the pace of software development. Unfortunately, accessibility compliance has taken a back seat in the process. Here’s how to address the problem.
May 20th, 2026 9:00am by Poornima Apte
👁 Featued image for: Building for accessibility in an AI-first development world
Beatriz Camaleão for Unsplash+
AudioEye sponsored this post.

Picture making a lasagna with noodles, peanut butter, and pears. You’ve got the base right, but the ingredients don’t quite add up to a palatable meal.

It’s how Mike Paciello explains the accessibility gaps that surface when developers use LLM-based methods to code web pages and apps. “With AI-based tools, the gap that exists today is structural, not incidental. The root of the challenge is that LLMs have been trained on an inaccessible Web,” Paciello, Chief Accessibility Officer at AudioEye, tells The New Stack.

To extend the lasagna metaphor, the problems are baked in.

“With AI-based tools, the gap that exists today is structural, not incidental. The root of the challenge is that LLMs have been trained on an inaccessible Web.”

The AI and web accessibility gap

An LLM builds a navigation menu that looks clean in review but adds conflicting ARIA labels, structures headings by visual size rather than semantic hierarchy, and traps keyboard users inside the component. None of these problems surface in a browser, they only do when a real user with a screen reader or assistive technology that relies on keyboard input, tries to navigate the page.

Case in point: When page headers are semantically incorrect, navigation suffers and readers with disabilities pick up sections out of order. Focus management, a key accessibility construct, becomes a challenge. If a click opens another window, and when ARIA labels are not properly integrated into code, a low-vision or blind user can’t reliably navigate back and forth. They get stuck in a keyboard trap and usually the only way out is by shutting down the computer.

Unfortunately, such incidents are far from isolated. A whopping 95.9% of the top million homepages have detectable Web Content Accessibility Guidelines (WCAG) failures, reversing six consecutive years of improvement, according to the 2026 WebAIM Million report. The average web page has 297 accessibility issues, even among companies actively investing in accessibility, as per AudioEye’s Digital Accessibility Index.

Accessibility oversights cost money and damage reputation. Target paid $6 million in damages and $3.7 million in attorney fees and costs in a 2006 lawsuit after a group of blind or low-vision California plaintiffs argued the retail giant’s website was inaccessible due to its incompatibility with screen-reader technology. Over the years, lawsuits have increased. Since 2020 alone, total accessibility lawsuit filings have more than doubled, with 78% targeting e-commerce businesses. The barriers driving a record number of accessibility lawsuits — keyboard navigation failures, missing labels, broken screen reader support — are exactly what AI-generated code most commonly gets wrong.

The lag in LLM accessibility

A lack of education compounded by a lack of prioritization worsens the situation. Most native HTML elements used to construct a web page have some attribute that makes it usable and accessible, but too often, neither the LLM nor the coder is familiar with these constructs. LLMs and developers need to know that the navigational schema that renders information for blind or low-vision users is not the same as that for visual learners.

June 2025 report, “The Impact of the Use of AI on People with Disabilities,” from the NYC Bar Association states: “AI relies on large-scale statistical learning, which tends to optimize for the ‘average’ user. People with disabilities, who form a highly diverse and frequently underrepresented group, are often excluded or mischaracterized.”

“The whole enterprise builds on a shaky house of cards,” Paciello says. Fortunately, fixes are straightforward.

Tips: WCAG compliance for developers

Developers can tackle worrisome accessibility issues by following these tips.

1. Prioritize accessibility testing

Treat accessibility like you would privacy and security. “You don’t deploy code without running a security check; don’t deploy code without running an accessibility check,” Paciello advises. The earlier you catch issues, the cheaper they are to fix.

“You don’t deploy code without running a security check; don’t deploy code without running an accessibility check.”

2. Integrate accessibility testing into your SDLC

Use an SDK like AudioEye’s to detect and resolve accessibility issues throughout the software development lifecycle. Ensure the object and code libraries you use have semantic HTML built in. (More about workflow integration, later.)

3. Don’t rely on a widget or overlay

Recognizing the magnitude of the accessibility problem, a number of companies deliver “overlay widgets,” pop-ups that enable users to make changes on the fly to the visual presentation layer. Unfortunately, these “fixes” are just theater, changes like increasing or decreasing the font size that do nothing to address fundamental accessibility problems. “It’s rooted in a fundamental misunderstanding of how people with disabilities use technology to interact with the web,” Paciello says.

4. Keep accessibility current after launch.

Websites change constantly. A site that passes an audit today can fail tomorrow after a content update, a new plugin, or a framework change. Using a solution that combines 24/7 automated monitoring with expert-written custom fixes means you’re catching new issues as they’re introduced, not months later when a complaint arrives.

5. Invest in education

To address misunderstandings with respect to accessibility, take free coding courses, like those from AudioEye, that teach the fundamentals of accessibility testing at the component level, from focus management and landmarks to form validation and color contrast. Developers need to understand where the cursor lies or how the user interacts with the screen reader and use semantic HTML along with the appropriate CSS for a running start.

Workflow: Where accessibility testing should live in your development process

Make sure the tools you use complement your process. To prioritize accessibility, ensure it’s woven into the entire software development cycle, right from the development of design and requirements, to coding and QA testing.

Testing tools like AudioEye’s SDK are designed to integrate across the development pipeline. Doing so ensures that each page and every construct on the page is coded according to WCAG guidelines, so they’re accessible and usable, while also integrating with component-level testing with Jest, which catches issues before they compound. Similarly, full-page CLI testing catches contextual issues like heading hierarchy that component testing can miss.

CI/CD integration makes accessibility checks automatic on every deployment, catching issues before they reach users. But code isn’t the only thing that changes. Content updates, new features, and third-party scripts can all introduce new barriers after a site is live. That’s where an accessibility partner comes in, one that combines AI-powered automation with expert-written custom fixes to catch and resolve issues continuously, not just at launch. As the site evolves, that ongoing support is what keeps accessibility from slipping between updates.

The recipe to get accessibility right

Incorporating accessibility into web applications and pages is a must-do as AI-assisted coding picks up momentum. “LLMs are like students; we need to fix what they get wrong,” Paciello says. “But here’s the beauty of it: Once you do teach them, you get speed, you get scale right out of the box, and that repeats itself going forward.”

With accessibility issues addressed, developers will have all the ingredients to make a killer “lasagna” — and potentially skirt ADA compliance lawsuits too.  

Test your website using AudioEye’s accessibility scanner to detect any accessibility issues.

AudioEye exists to ensure the digital future we build is accessible. Our automated accessibility platform, expert human services, and flexible developer tools are aligned around one goal: making the internet accessible for the 1 in 6 people globally living with a disability.
Learn More
TRENDING STORIES
Poornima Apte is a trained engineer turned award-winning freelance technology writer. She’s a frequent contributor to Forbes, Fortune, Salesforce, MIT, Princeton, Mechanical Engineering, the American Society of Civil Engineers, and Tech Briefs, among other publications. A professional member of the...
Read more from Poornima Apte
AudioEye sponsored this post.
SHARE THIS STORY
TRENDING STORIES
SHARE THIS STORY
TRENDING STORIES
TNS DAILY NEWSLETTER Receive a free roundup of the most recent TNS articles in your inbox each day.
The New Stack does not sell your information or share it with unaffiliated third parties. By continuing, you agree to our Terms of Use and Privacy Policy.