How do I use WAVE?

Navigate to WAVE and enter the URL of the site you want to test. A report will be generated with details about errors, features, and potential issues. 

Install your preferred browser extension 

• Chrome extension
• Firefox extension 
• Microsoft Edge extension

After you install it, a small WAVE icon appears in your browser toolbar. 

Example of the WAVE extension icon: 

The Details panel will most likely be where you spend the majority of your time while using WAVE. 

From here, you can find more information on: 

• Errors - These are known issues that need to be corrected. Examples of errors might include broken skip links, images without alt text, and empty links. 
• Alerts - These are potentially accessibility issues, but need a real person to double check. Examples of alerts might include skipped heading levels, broken links, suspicious alt text, and suspicious link text.
• Features - These are accessibility additions on your page. Some examples might include images with alt text, form labels, designated page language, and skip link targets.
• Structural Elements - This outlines how your page is organized. You can find your tagged heading levels, your list tags, and your landmark elements here.
• ARIA - ARIA is a set of labels you can add to websites to help assistive tech describe what’s on the page. It makes buttons, menus, and other web features easier to use.

Tips:

Select the 'i' icon next to your results for more information about each element.This will take you to the Reference panel, and point to additional training and resources. 

Toggle details 'on' and 'off' in your report using the checkboxes next to each element. This makes it easier to understand all of the elements on the page and find what you are looking for.

The Reference panel is where you’ll go if you want more information about the issues listed in the Details panel of your WAVE report. It explains what’s happening on your page and gives you more details about the WCAG guidelines.

The Order panel breaks down exactly your page structure and what order assistive technology will interact with your page content. This is helpful in making sure all of the content on your page is presented in a logical reading order.

Confirm that the order of your content starts at the top left and moves through your page in the order you are expecting.

The Structure panel shows how your page is organized and gives more detailed information on heading levels and landmarks. 

The Contrast panels lets you quickly review any color contrast issues that might be on your page and test different color combinations.