WCAG 2.1 AA Standards for Website Editors and Contributors

Level A Success Criteria

SC 1.1.1: Make sure all images, videos, or other non-text content have a text alternative.

Three people sit at a conference table and look at a laptop computer.

 

S.C. 1.2.1: Make sure every audio-only clip has a written transcript that explains what's being said and heard

  • Include a link to a text document with a transcription of the audio file

 

S.C. 1.2.1: Make sure all prerecorded video-only content has a text or audio description of the video

  • Upload videos through Kaltura gadget for automatic captioning
  • For videos uploaded to a third party (YouTube, Vimeo) use that platform's captioning tools

 

S.C. 1.2.2: Make sure all prerecorded videos with sound have captions

S.C. 1.3.1: Make sure all headings are properly coded and match what users see

  • Only 1 "heading 1" per page
  • Don't skip heading levels

 

S.C. 1.3.1.: Make sure all lists are coded correctly and match what users see

Ordered lists

  1. Ordered (numbered) lists are meant for items or instructions that need to be displayed in a specific order
  2. They are useful for showing things like steps in a process

 

Unordered lists

  • Unordered lists are meant for related items that don't need to be displayed in a specific order
  • They are useful for grouping like information in a list

 

S.C. 1.3.1: Make sure tables are coded correctly and are accessible

Tables are meant for displaying tabular data, not for laying out content on a page.

Tables can be used to display content such as a schedule

If context doesn't make the purpose of the table clear, be sure to include a table caption to explain what the table is displaying.
Date Time Location
November 18 12:00 p.m. Center Stage
November 19 10:00 a.m. Fulton Library
November 20 2:00 p.m. Student Life and Wellness Center

 

Tables should not be used to lay out your page content

Exterior detail photo on UVU main campus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porta luctus ipsum quis aliquam. Vestibulum tempor urna et commodo volutpat. Morbi volutpat consectetur risus, id lobortis massa aliquam sed. Praesent nec nulla viverra augue pellentesque venenatis pulvinar at lacus. Sed et lacus ultricies, hendrerit felis eu, fringilla sapien. Ut in mauris porta, faucibus quam vitae, consectetur sem. Nunc a lorem aliquet magna gravida malesuada vitae vitae augue. Phasellus sit amet consectetur ipsum. Duis lectus nulla, volutpat sit amet ex vitae, ullamcorper eleifend massa.

Nam vestibulum erat porta leo porttitor bibendum. Cras lacus purus, facilisis at imperdiet quis, facilisis eget nunc. Donec odio arcu, hendrerit a nisi a, viverra tincidunt augue. Sed tempor rhoncus orci, posuere condimentum est dapibus in. Sed dictum diam sit amet ex ultricies, eget tincidunt turpis congue. Donec non rutrum arcu. Pellentesque iaculis, lorem ac dapibus bibendum, ante diam euismod purus, euismod porttitor justo sem et ante. Pellentesque venenatis, nibh ac dapibus vehicula, odio elit sodales ipsum, eu ornare lorem orci eu magna.

You may need to work with area developers or submit a web request to make sure tables are accessible.

Heading for Accordion Item #1

Content for Accordion Item #1

Heading for Accordion Item #2
Content for Accordion Item #2

S.C. 1.3.3: Make sure instructions don't rely on sensory details like shape, color, or sound

  • "Click on the green button."
  • "Scroll to the blue rectangle."

 

S.C. 1.4.1: Make sure color is not the only way to show information

  • Use other visual cues like text, icons, or patterns
  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4

 

  1. Item 1
  2. Item 2
  3. Item 3 (declined)
  4. Item 4

 

S.C. 2.3.1: Make sure there is no flashing content

  • Avoid flashing images, text, or other elements.

 

S.C. 2.4.2: Make sure web pages have meaningful titles that describe the topic or purpose

  • Page titles should be concise and explain what the content of the page is. Effective page titles also improve search results.

 

S.C. 2.4.4: Make sure links and buttons have meaningful names that tell the user where the link leads

Click Here

To learn about how to add alt tags to images visit: https://www.uvu.edu/web/support/900-accessibility/902-accessible-images.html

Level AA Success Criteria

S.C. 1.2.4: Make sure all live videos with sound include captions

  • Live streams of lectures, conferences, or other presentations
  • Live streams on social media platforms
  • Live streams of class sessions

 

S.C. 1.4.3: Make sure text and images have sufficient contrast with their background

This text is too light against the background.

S.C. 1.3.4: Make sure there are no images of text

  • If images must include text, all of the text in the image should be included in the alt tag of the image, or included elsewhere on the page.
  • Avoid using images as the only method for advertising events, etc.

event

 

S.C. 2.4.6: Make sure headings match content below them

  • Headings help those using assistive technology navigate pages and find content.
  • Accurate headings are also useful for improved search results.