...
Analyze the accessibility of your webpage by entering the URL for your webpage in the WAVE Web Accessibility Evaluation Tool .
On the left side of your screen, select No Styles.
Look at the top of the webpage for a hyperlink that says “Skip to Content” or "Skip to main content."
If the hyperlink is there, open your webpage in another tab. Is the Skip to Content link visible?
If not, using the Tab key, see if the Skip to Content link becomes visible as you Tab through the top of the page. If so, select it by pressing Enter and make sure that it works as intended and moves the visual focus to the main content area of the page.
...
Using the WAVE Web Accessibility Tool, enter the URL for your webpage.
When the results of the evaluation are displayed, on the left side of the screen, select the flag tab underneath the clipboard tab.
Look at the errors denoted in red indicating errors in alternative text or missing alternative text.
Click on the red error boxes to see which images are missing alt text.
...
Using the instructions from Navigation (above), Tab through your webpage.
Is there is a visual indicator, i.e. a box outline, an underline, or font color change, to indicate where you are on the webpage?
Navigation
While your webpage is open in your browser, click on the address bar at the top of your browser.
Put your mouse under your desk or somewhere that you cannot reach it.
Press the Tab key. Continue pressing Tab to see if you can continually access all of the content on the webpage.
Be sure that items in drop down menus are either usable from the keyboard (using the Tab or arrow keys) or that all of the information that is in those drop down menus is available and usable from the keyboard only on the destination page for the menu item.
Pay attention to the Tab order. Does it jump from one side of the page to another? Or does it go in a logical, orderly fashion? (For example, down the left hand column, down the center, and down the right hand column.)
...
- Using the WAVE Web Accessibility Tool, select the contrast button.
- You will see the contrast errors found on your webpage. Click on each error to see where it appears on your webpage.
Form Labels
Using the WAVE Web Accessibility Tool, scroll down through the errors to see "Missing form label" is listed. (Note: If you do not see this error, your site has all of its form elements labeled correctly or there are no form elements on the page.)
Headings
- Using the WAVE Web Accessibility Tool, click on the icon on the left that looks like a little piece of paper.
- All of the headings on your page will be listed. Do you have headings?
- Does the heading text for each heading make sense when read on its own?
...
- On the video tool bar, click on the button that says “CC.” (If there is no CC button that means there is no closed captioning.)
- If the video has captions, turn off the volume on the video. Play the video. Can you can fully understand the message from the captions?
- If not, turn up the volume and watch the video again. Are there a lot of errors in the captions?
...