UDC

Web Accessibility Criteria

Web Accessibility Criteria includes the most imperative compliance criteria of Section 508 and Web Content Accessibility Guidelines (WCAG 2.0).
Testing categories include the following groups:

  • Alternate Descriptions
  • Multimedia
  • Structure
  • Comprehensive Visual Display
  • User Interface
  • Navigation

The Universal Design Center staff is available to offer training or guidance on the tools used to collect the data reflected in this report. In addition, we look forward to providing consultation/collaboration regarding coding methodologies, compliance policies and usability.

 

General Principles for Accessible Web Design

  1. Use “alt” attribute on “img” elements, images as submit buttons and area elements of image maps.
  2. Use “longdesc” attribute or preferably add information about the image directly into the context of the webpage which serves everyone who uses your page, not just those with disabilities, and also long description can be displayed in a structured format (e.g. bulleted list)
  3. Apply color contrast requirements to your web page:
    1. Ensure that information conveyed by color differences is also available in text.
    2. Ensure that the following contrast ratios exist between text (and images of text) and background behind the text:
      1. Ratio of at least 3:1 for the text that is at least 18 point (if not bold) or at least 14 point (if bold).
      2. Ratio of at least 4.5:1 for the text that is less than 18 point (if not bold) or less than 14 point (if bold).
  4. Use table markup only to present tabular information by using id and headers attributes to associate data cells with header cells in data tables. Layout tables must linearize and no “summary” attribute should be used for Layout tables with Role Presentation.
  5. Use the “title” attribute of the frame and iframe elements.
  6. Avoid using screen movements without a mechanism to pause, stop or restart.
  7. Include a specified text indicating a link to the reader or plug-in for all pages that have links to files that require a special reader or plug-in.
  8. Utilize full keyboard operability by:
    1. Applying default tab order.
    2. Using "activate" rather than "focus" as a trigger for changes of context.
    3. Avoiding keyboard traps in which the keyboard focus can become “stuck”.
  9. Use labels for Form Controls.
    1. Use “FOR” attribute of “Label” element to associate label to a unique ID of a form control.
    2. Use the “title” attribute to identify form controls when the label element cannot be used.
  10. Organize webpage structure so the content may be read without style sheets.
  11. Provide heading at the beginning of each section of content by using heading elements “h1-h6” to identify headings.
  12. Use proper link text to describe link purpose. A combination of “Title” attribute and “aria-label” property can be used to provide descriptive information about the target of the anchor element.
  13. Include a Re-size Text mechanism into your webpage.

 

Downloadable version: General Principles for Accessible Web Design. (DOCX)