Skip to

...

Content Link

1. Analyze the accessibility of your web page by entering the URL for your web page in the WAVE Web Accessibility Tool.

2. On the left side of your screen, click the Styles selector so the slider moves to the left .

   Image Added

3. On the right side of your screen, the display of your web page will change to one without styles (formatted like an outline). Check to see if there is a hyperlink that says “Skip to Content” or "Skip to main content."  It should be the first or second item listed at the top of the page.

4. If the hyperlink is there, open your web page in another tab. Is the Skip to Content link visible?

5. 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

   press Enter to

   make sure that it works

   .If it skips

   as intended and moves the visual focus to the

   content, continue tabbing to make sure that it tabs through the content

   main content area of the page.

Alternative Text

...

...

(Alt text)

1. Using the WAVE Web Accessibility Tool

   Enter

   , enter the URL for your

   webpage

   web page.

2. On

   When the results of the evaluation are displayed, on the left side of the screen,

   click on

   select the flag tab underneath the clipboard tab.

   Image Modified

3. Look at the errors denoted in red indicating errors in alternative text or missing alternative text.

   Image Modified

4. Click on the red error boxes to

   see where these features are missing. 

Navigation

1. Click

   see which images are missing alt text. 

Tab Focus

1. Using the instructions from Navigation (above), Tab through your webpage.

2. 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?

   Image Added

Navigation

1. While your webpage is open in your browser, click on the address bar at the top of your browser.

2. Put your mouse under your desk or somewhere

   where

   that you cannot reach it.

3. Hit tab

   Press the Tab key. Continue

   hitting tab

   pressing Tab to see if you can continually access all of the content on the webpage.

4. 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

   main

   menu item.

5. Pay attention to the

   tab

   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.)

Tab Focus

1. Open your webpage.
2. Instead of using the mouse to navigate the page, use the tab button.
3. When you are tabbing through your webpage, check to see if there is a box outline, an underline, or font color change to indicate where you are on the webpage.
   Image Removed

Descriptive Hyperlinks

1. Look at the hyperlinks on your webpage.
2. Check to see if any of them say things like “Read more,” “View All,” or “More.”more”, “Continue” or "Click here."
3. Do any hyperlinks that have the same text same text lead to different places? For example, two hyperlinks that are “Read More”, but lead to different destinations?
4. Check for hyperlinks that are shown simply as show the URL rather than displaying a description of the destination page. For example, use Syracuse University Libraries rather than http://library.syr.edu.

Contrast

1.  Using the Wave WAVE Web Accessibility Tool, click on  select the contrast button.
   Image Modified
2. After clicking on the contrast button, you You will see the contrast errors found on your webpage. Click on each error to see where they are where it appears on your webpage.
   Image Modified

Form Labels

1.   Using the 

   Wave

   WAVE Web Accessibility Tool, scroll down through the errors

   until you see an error titled "missing

   to see "Missing form label" is listed.

   "

    (Note: If you do not see this

   as an

   error,

   it means

   your site has all of its form

   boxes labeled

   elements labeled correctly or there are no form elements on the page.)

   Image Modified

Headings

...

1. Using the Wave WAVE Web Accessibility Tool, click on the icon on the left that looks like a little piece of paper. It is the bottom icon.
   Image Modified
2. Make sure that all of your headings are labeled as such and that your page has headings.

1. All of the headings on your page will be listed. Do you have headings?
2. Does the heading text for each heading make sense when read on its own?

Captioning

1. 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.)
   Image Modified
2. If the video has captions, turn off the volume on the video totally off. Hit play.Watch . Play the video without sound. See if Can you can fully understand the message from the captions?
3. If not, turn up the volume and watch the video again.  Are there a lot of errors in the captions?

External Documents

Adobe Acrobat Pro, Microsoft Word and Microsoft PowerPoint have accessibility checkers built-in.  Use these tools to check the accessibility of all documents you link from your webpages. For more information about how to use the accessibility checkers, refer to the relevant resources in Creating Accessible Content