Back to reviews and guides

ADA Website Remediation: How to Find and Fix Accessibility Issues

This article explains ADA website remediation with a practical, step-by-step workflow: audit with automated and manual tests, prioritise issues, fix common accessibility problems, and verify with user testing. It includes checklists for developers and vendors, common mistakes, and a sample timeline for small sites.

What ADA website remediation means

ADA website remediation is the process of finding accessibility issues on a site and fixing them so people with disabilities can use the site. This article shows practical steps to find issues, prioritise fixes, and verify results. Read on for a clear remediation workflow you can follow with developers, designers, and QA.

Why remediate: risks and user benefits

Remediation improves usability for people who use screen readers, keyboard navigation, or assistive technologies. It can reduce legal risk, improve SEO, and reach more customers. Remediation focuses on meeting recognized technical standards such as WCAG 2.1 or 2.2 at level A or AA and using correct WAI-ARIA practices where needed.

Quick checklist: what to look for first

  • Missing alt text on images
  • Poor color contrast in text and UI elements
  • Broken or inconsistent heading structure
  • Interactive elements not keyboard accessible
  • Form fields without labels or accessible error messages
  • Non-semantic elements used as controls without proper ARIA

Step 1 — Run an audit: automated and manual

Start with automated scanning to find obvious issues. Then follow with manual testing to catch what tools miss.

Automated scanning (fast coverage)

Use scanners to gather an inventory. Common tools are WAVE, axe, and Lighthouse. Automated tools flag things like missing alt attributes, contrast failures, and ARIA syntax errors. They do not find all problems. Treat reports as a starting point.

Manual testing (human checks)

Manual tests find issues automation misses. Do keyboard-only navigation tests. Use screen readers such as NVDA on Windows and VoiceOver on macOS. Review logical reading order, link text meaning, and dynamic content announcements. Test forms for accessible labels and helpful error messages.

Step 2 — Build a remediation plan and prioritise fixes

Group issues by severity and frequency. Prioritise things that block access first. Use a simple impact versus effort approach to schedule work with developers.

Impact versus effort table

Priority Example issues Why fix first
High Missing alt text on buy buttons; keyboard traps Blocks basic tasks and purchases
Medium Poor color contrast in secondary controls Reduces readability; affects many users
Low Minor ARIA enhancements; optional captions Improves experience but not essential

Step 3 — Common fixes with code-level guidance

Below are frequent problems and specific remediation notes developers can apply.

Images and alternative text

Provide meaningful alt attributes for informative images. Use empty alt attributes for decorative images. For complex images, provide a text alternative near the image or a long description link.

Headings and document structure

Use semantic heading elements in logical order. Avoid skipping heading levels. Each page should have one main topic and a clear heading hierarchy.

Keyboard accessibility

Ensure all interactive elements are reachable with Tab and usable with Enter and Space. Avoid using non-semantic elements like div or span as controls without adding keyboard handlers, focus management, and role attributes.

Forms and labels

Associate labels with inputs using the label element and for attribute. Provide clear error messages and use aria-invalid for invalid fields. Announce dynamic errors to assistive tech using aria-live regions.

Color and contrast

Meet WCAG contrast ratios for text. For normal text aim for at least AA contrast. Check contrast for UI states like focus and hover as well.

ARIA and semantics

Use WAI-ARIA only to enhance native semantics. Do not use ARIA to fix broken HTML structure. Validate ARIA roles and attributes with a checklist before release.

Step 4 — Test acceptance and user testing

After fixes, perform regression testing. Combine automated re-scans with manual checks. Include at least one user test session with someone who uses assistive technology when possible.

Acceptance checklist

  • All high priority items resolved and verified
  • Key user journeys pass keyboard and screen reader tests
  • Forms validate and announce errors correctly
  • Visual focus indicator is visible and persistent
  • ARIA usage validated against WAI-ARIA guidelines

Step 5 — Monitor and maintain accessibility

Accessibility can regress during design updates and feature releases. Add accessibility checks to pull requests. Run automated scans on a schedule. Keep accessibility acceptance criteria in your definition of done.

Vendor selection checklist for remediation projects

  • Ask for past remediation work and references
  • Confirm testers include people who use assistive technology
  • Check whether they deliver code fixes or only reports
  • Require use of WCAG 2.1 or 2.2 and clear success criteria
  • Request a clear handover with test cases and regression scripts

Common mistakes to avoid

  • Relying only on automated tools. Automation misses semantics and usability problems
  • Fixing presentation but not semantics. Visual fixes do not always help screen reader users
  • Delaying keyboard testing until the end of the project
  • Using ARIA as a replacement for correct HTML structure

Sample remediation timeline (small site)

  • Week 1: automated scan and manual sampling of key pages
  • Week 2: prioritise issues and prepare tickets
  • Weeks 3 to 5: developer fixes with biweekly QA
  • Week 6: final regression and user testing

Handy developer checklist to include in tickets

  • Describe the issue with a failing WCAG success criterion
  • Include steps to reproduce, expected behaviour, and screenshots
  • Provide suggested code or markup examples where possible
  • Mark change as accessibility critical when it blocks tasks

Where to build deeper knowledge

Learn the WCAG success criteria and WAI-ARIA Authoring Practices. Study keyboard and screen reader behaviour. That knowledge helps teams prevent future regressions and design accessible components from the start.

Final advice

Treat remediation as an ongoing practice, not a one-off project. Start with the highest impact fixes. Combine automated scans with human testing. Get people who use assistive technology involved before release.