Ask Joe   

Web Accessibility Checklist

The Web Accessibility Checklist is a how-to guide for creating accessibility compliant web pages. By following all parts of the checklist as outlined, your department webpages will be better processed by screen readers and other assistive devices.

    • 1Title

      Each document needs to have a unique and meaningful name that distinguishes it from other documents on the website. For example, “Department Guidelines and Procedures for Student Employees” versus “10817234137.docx”

      To add a Title and Description to your webpage.

      1. Navigate to your page within OmniUpdate.
      2. Click the light bulb to Check Out the page.
      3. Click Properties.
      4. Enter a descriptive and unique page Title.*
      5. Enter a Description and Keywords.
      6. Save and Publish.

       *Make your page title unique by adding your department or program at the beginning of your page title (e.g., "Financial Aid Frequently Asked Questions | Mt. SAC" is much better than just "Frequently Asked Questions").

      Page Parameters

    • 2Images

      Images must have alternative text to provide the purpose of the image for people using screen readers.

      To add Alternative Text to Images.

      1. Navigate to your page in OmniUpdate
      2. Click the light bulb to Check out the page
      3. Click the Edit button for regions with images
      4. Click the image to select it
      5. Click the Insert/Edit button
      6. Enter a meaningful Image Description
      7. Save and Publish
    • 3Links

      Hyperlinks need to use names that are unique and meaningful that clearly describe where the link will take the viewer. For example, “Annual Report to the Community” versus the generic “click here.”

      1. Make link names that are unique and meaningful.
      2. Make sure the words you link clearly describe where the will go.
      3. Avoid phrases like "Click Here."
      4. Test links to make sure they go to the desired place.
    • 4Audio/Videos

      Make sure audio files have transcriptions and videos have captions.

      To test videos for captions:

      • Click the CC button to confirm the video is captioned

       

      Closed Caption button on a video

    • 5Navigation

      Webpage users must be able to logically navigate electronic media without the use of a mouse.

      • Make sure you can navigate your page using the tab key.
      • Make sure the navigation is logical and sequential.

       

      Tab Key on a keyboard

    • 6Forms

      Users must be able to logically navigate forms without the use of a mouse.

      • Confirm a press of the Tab key takes you to the next logical entry spot on the form

      • If a form label is clicked, confirm the cursor appears in the form field.

    • 7Headings

      Headings and subheadings must be in logical, top-down, sequential order. 

      • There should be one Heading 1 at the top of the page followed by Heading 2 and so on.
    • 8Tables

      If possible, avoid the use of tables.

      • Do not use tables for formatting only.
      • Do not use nested tables or nested columns.
      • Keep each table to one page if possible.
    • 9Color

      Color must not be the sole method for providing information or emphasis. For example, changing the color of text to green or red to designate if the item is active or inactive is not compliant.

      • Colors should not be used to communicate information. Instead, use bold or italics to emphasize information.
      • If you use color, it must be high contrast (i.e., dark text on light background or vice-versa).
      • Check for a color contrast of at least 4/5:1 between the text and background by using a color contrast analyzer such as the WebAIM Color Contrast Checker.