Select Page

Four Principles of Web Accessibility

Perceivable

Information and user interface components must be presentable to users in ways they can perceive.

Operable

User interface components and navigation must be operable.

Understandable

Information and the operation of user interface must be understandable.

Robust

Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.

Tips for Web Accessibility

Video
Tips for Video Accessibility
  1. Closed captions are provided for all videos. 
  2. Text transcripts are provided as an alternative to audio.
  3. Video players have control buttons that are accessible for screen readers. 
  4. Captioning resources are used: Canvas (Amara), YouTube, Trefny Center (3PlayMedia). 
How to Check: Visit the W3C School for information on Video Captions.
Image
Tips for Image Accessibility
  1. Best practices and design guidelines (color, resolution, animation) are used when creating images. 
  2. Short text descriptions (captions) appear under the image. 
  3. Alternative text for images is used on all images (i.e. HTML alt tag of the image). 
  4. Text files are used when an extensive or long description of the image is needed.
How to Check: Visit WebAim for information on Designing Images and Using Images.
Audio
Tips for Audio Accessibility
  1. Text-based files are provided of the audio. 
  2. Notes are included to portray when there are secondary audio items (e.g.,  [music is playing] or [a person is laughing] . 
  3. Transcripts can contain additional information such as descriptions, explanations, or comments to help hearing disabled users to better understand the content 
How to Check: Visit WebAim for information on Transcripts.
Document and Webpage
Tips for Image Accessibility
  1. Heading styles and paragraph formatting are applied to documents. 
  2. Alternative text is added to images, objects and tables. 
  3. Tables are structured for easy navigation using appropriated tags. 
  4. Hyperlink text is meaningful. 
  5. Blank cells, rows, or columns are not used for formatting content. 
  6. Color is not used to convey meaning.  
How to Check: 
  1. Create Accessible Word Documents 
  2. Create Accessible PowerPoints 
  3. Create Accessible Excel Files 
  4. Create Accessible PDFs in Word 
  5. Create Accessible PDFs 

Diversity, Inclusion, and Access

Be sure to check out the DI&A website for even more ways to support students in the classroom and online.