[Atomic Glue](atomicglue.co)
ACCESSIBILITY
Home › Glossary › Accessibility· 447 ·

WAVE Tool

/weɪv tuːl/noun (proper)
Filed underAccessibilitySoftware EngineeringDevops
In brief · quick answer

WAVE (Web Accessibility Evaluation Tool) by WebAIM is a free browser extension and online tool that visually overlays accessibility issue indicators directly on the page. It provides an intuitive, visual approach to accessibility auditing, displaying icons for errors, alerts, and ARIA features directly on the web page for fast identification.

§ 1 Definition

WAVE (Web Accessibility Evaluation Tool) is a free accessibility evaluation tool developed by WebAIM at Utah State University. Unlike axe-core, which returns a list of violations in a panel, WAVE injects visual icons and indicators directly into the rendered page. Red icons mark errors (issues that fail WCAG), yellow icons mark alerts (potential issues requiring human review), and green icons mark accessibility features (such as ARIA attributes and heading landmarks). WAVE also provides a detail panel listing each issue, its location, and guidance, plus a contrast checker overlay. WAVE is particularly useful for designers and non-developers because the visual overlay makes accessibility issues immediately apparent without needing to read technical reports. However, WAVE's visual overlay can itself interfere with the page, and some users find the icons crowded on complex pages. Like all automated tools, WAVE catches a subset of issues and cannot replace human judgment.

§ 2 How WAVE differs from axe-core

WAVE and axe-core serve complementary roles. axe-core is a programmatic engine designed for CI/CD integration, returning structured JSON results. WAVE is a visual inspection tool designed for human use in the browser. WAVE's visual overlay approach is beginner-friendly: you see the error icon right on the element that has the problem, reducing the time to understand what needs fixing. WAVE provides more alerts (potential issues) than axe-core, which focuses on confirmed violations. This means WAVE catches more grey-area issues but also produces more items that may not be actual problems. Many accessibility professionals use both: WAVE for quick visual checks and design iteration feedback, axe-core for automated CI/CD testing and precise violation reporting.

§ 3 WAVE features: contrast checker, no-code testing, and more

WAVE includes a built-in colour contrast analyser that can check individual colour pairs or scan the entire page for contrast failures. Its Document Outline view lists the page's heading structure and shows whether the hierarchy is logical. The Details panel groups issues by type (contrast errors, missing alt text, missing form labels, etc.) and links each to its WCAG success criterion. WAVE also has a toolbar for disabling CSS or viewing text-only versions of the page. The online WAVE tool (wave.webaim.org) lets you test any public URL without installing anything. WAVE does not require knowledge of WCAG to get started, making it the most accessible accessibility tool (in the literal sense) for newcomers.

§ 4 Common questions

Q. Is WAVE free?
A. Yes. WAVE is a free service provided by WebAIM at Utah State University. The browser extension and the online tool are both free. There is no paid tier. WebAIM is a non-profit.
Q. Does WAVE work on local development sites?
A. Yes, the browser extension works on localhost, file:// URLs, and password-protected pages. The online tool only works on publicly accessible URLs. The extension is recommended for development work.
Key takeaways
  • WAVE provides visual overlay icons directly on the page for fast issue identification.
  • Red = error, yellow = alert, green = feature. Intuitive, beginner-friendly.
  • WAVE is free, open source, and maintained by WebAIM.
  • Use WAVE for visual/design iteration checks; use axe-core for CI/CD.
  • WAVE cannot catch all issues. Always pair with manual testing.
How Atomic Glue helps

Atomic Glue uses WAVE alongside axe-core for a layered auditing approach. WAVE catches the visual, design-side issues during development, and axe-core enforces standards in CI. Our Web Development services include both automated and manual testing. Get in touch.

Get in touch
Written by Atomic Glue Team, Atomic Glue · Last updated July 2026
# WAVE Tool

WAVE (Web Accessibility Evaluation Tool) by WebAIM is a free browser extension and online tool that visually overlays accessibility issue indicators directly on the page. It provides an intuitive, visual approach to accessibility auditing, displaying icons for errors, alerts, and ARIA features directly on the web page for fast identification.

Category: Accessibility (also: Software Engineering, Devops)

Author: Atomic Glue Team

## Definition

WAVE (Web Accessibility Evaluation Tool) is a free accessibility evaluation tool developed by WebAIM at Utah State University. Unlike axe-core, which returns a list of violations in a panel, WAVE injects visual icons and indicators directly into the rendered page. Red icons mark errors (issues that fail WCAG), yellow icons mark alerts (potential issues requiring human review), and green icons mark accessibility features (such as ARIA attributes and heading landmarks). WAVE also provides a detail panel listing each issue, its location, and guidance, plus a contrast checker overlay. WAVE is particularly useful for designers and non-developers because the visual overlay makes accessibility issues immediately apparent without needing to read technical reports. However, WAVE's visual overlay can itself interfere with the page, and some users find the icons crowded on complex pages. Like all automated tools, WAVE catches a subset of issues and cannot replace human judgment.

## How WAVE differs from axe-core

WAVE and axe-core serve complementary roles. axe-core is a programmatic engine designed for CI/CD integration, returning structured JSON results. WAVE is a visual inspection tool designed for human use in the browser. WAVE's visual overlay approach is beginner-friendly: you see the error icon right on the element that has the problem, reducing the time to understand what needs fixing. WAVE provides more alerts (potential issues) than axe-core, which focuses on confirmed violations. This means WAVE catches more grey-area issues but also produces more items that may not be actual problems. Many accessibility professionals use both: WAVE for quick visual checks and design iteration feedback, axe-core for automated CI/CD testing and precise violation reporting.

## WAVE features: contrast checker, no-code testing, and more

WAVE includes a built-in colour contrast analyser that can check individual colour pairs or scan the entire page for contrast failures. Its Document Outline view lists the page's heading structure and shows whether the hierarchy is logical. The Details panel groups issues by type (contrast errors, missing alt text, missing form labels, etc.) and links each to its WCAG success criterion. WAVE also has a toolbar for disabling CSS or viewing text-only versions of the page. The online WAVE tool (wave.webaim.org) lets you test any public URL without installing anything. WAVE does not require knowledge of WCAG to get started, making it the most accessible accessibility tool (in the literal sense) for newcomers.

## Common questions

Q: Is WAVE free?

A: Yes. WAVE is a free service provided by WebAIM at Utah State University. The browser extension and the online tool are both free. There is no paid tier. WebAIM is a non-profit.

Q: Does WAVE work on local development sites?

A: Yes, the browser extension works on localhost, file:// URLs, and password-protected pages. The online tool only works on publicly accessible URLs. The extension is recommended for development work.

## Key takeaways

## Related entries

Last updated July 2026. Permalink: atomicglue.co/glossary/wave-tool

Schedule a call

30 min · Video call

1
Date
2
Time
3
Details