Web Accessibility Standards (WAS)
The following standards have been created to provide guidance on web accessibility. These standards are based on the Web Content Accessibility Guidelines (WCAG). Reference: Web Content Accessibility Guidelines (WCAG).
Note: Campus adopted EIT often has accessibility built into its platform (e.g., CRM, LMS, Office 365). While the EITmay be accessible on its face, the individual developer or content editor must be mindful that certain design decisions may inadvertently reduce access for users with disabilities. Fortunately, many of these tools include automated accessibility checkers and templates to assist with maintaining accessible EIT. To add, there are many free or low-cost tools and methods to quickly evaluate the level of accessibility of websites and electronic content.
|
Images
|
Required
|
Strongly Recommended
|
|
Provide meaningful alt text for all images, except cases described below:
|
X
|
|
|
Use null alt text for decorative images (alt='''')
|
X
|
|
|
Images used as links (without accompanying text description) have alt text indicating link target
|
X
|
|
|
If the same visual presentation can be made using text alone, an image is not used to present that text
|
|
X
|
|
When a text link and image link with the same URL are grouped, use a single <a> element and a null alt tag for the image
|
|
X
|
|
Multimedia
|
Required
|
Strongly Recommended
|
|
Establish a timely process for requesting synchronized captions for multimedia
|
X
|
|
|
Provide synchronized captions for public-facing audio-video content
|
X
|
|
|
Provide transcripts for audio-only content
|
X
|
|
|
Provide descriptive audio for audio-video and video-only content, when needed
|
X
|
|
|
Ensure audio and video does not begin playing on page load
|
X
|
|
|
Provide synchronized captions for live audio-video content
|
|
X
|
|
Color
|
Required
|
Strongly Recommended
|
|
Color is not the only means used to convey information
|
X
|
|
|
There is sufficient contrast between foreground and background text
|
X
|
|
|
There is sufficient contrast when color is used to convey information
|
|
X
|
|
Links
|
Required
|
Strongly Recommended
|
|
Link text describes the destination of the link
|
X
|
|
|
All links are distinguishable.
|
X
|
|
|
Structure
|
Required
|
Strongly Recommended
|
|
Heading structure is logical
|
X
|
|
|
Heading structure includes an H1 tag and does not skip levels
|
|
X
|
|
Reading order is logical and intuitive
|
X
|
|
| Information and relationships that are implied by visual or auditory formatting are conveyed in accessible ways. |
X |
|
|
Keyboard/Navigation
|
Required
|
Strongly Recommended
|
|
Provide a method to skip repetitive navigation
|
X
|
|
|
The option to skip links is the first option when tabbing
|
|
X
|
|
All links are available using the keyboard
|
X
|
|
|
There are no "keyboard traps"
|
X
|
|
|
The tabbing order is logical
|
X
|
|
|
Keyboard focus is visible
|
X
|
|
|
Presentation, layout, and navigation are consistent for repeated content
|
X
|
|
|
Labels/Titles
|
Required
|
Strongly Recommended
|
|
All form controls are properly labeled
|
X
|
|
|
All tables are properly labeled
|
X
|
|
|
Frames and iFrames have appropriate titles
|
X
|
|
|
Miscellaneous
|
Required
|
Strongly Recommended
|
|
Every page contains a link to an accessibility statement that provides contact information to get help if needed
|
|
X
|
|
The page is readable and functional when text size is doubled
|
X
|
|
|
The page has a descriptive page title
|
|
X
|
|
The language of the page is identified using the HTML lang attribute
|
X
|
|
|
Instructions do not rely solely on size, shape, color, or visual location
|
X
|
|
|
No content flashes more than 3 times per second
|
X
|
|
|
If a page has a timing, the user is given options to turn off, adjust or extend the timing
|
X
|
|
|
Multiple ways are available to find other web pages on the site
|
|
X
|
|
When appropriate, the language of sections of content that are in different languages are identified, for example, by using the lang attribute
|
|
X
|