Web and digital accessibility

Follow web accessibility guidelines in order to assure that websites are accessible to and usable by everyone.

Make your Modern Campus CMS webpages accessible

This webinar covers common accessibility pitfalls and problems, and discusses how to correct common accessibility errors in Modern Campus CMS.

Modern Campus CMS Page Check reviews your page for spelling, link, World Wide Web Consortium (W3C) validation and accessibility errors.

It’s important to structure any long-form website content using H1, H2 and H3 level headings. This helps to organize the content visually, but also provides important functionality for those using assistive technology. 

All images and other non-text content should have a text alternative available. To check for alt text, you can use a  or other assistive technology on desktop and mobile.


  •  

 

Screen reader users may choose to navigate the content of a page by tabbing through links and bypassing other content. It is important that each link has meaningful text describing the purpose of the link without relying on the surrounding text. While it is important to be descriptive it is also important to keep links as concise as possible. Screen readers already inform users that they have encountered a link so there is no need to include language such as “link to” or “click the link” in link text.

 

An accessible video usually includes captions; a transcript; and careful use of color, text, and flashes or animation. A video should also be delivered in an accessible format with an accessible media player, and may include additional audio description when the default audio track isn't sufficient.

  •  
  •  
  • Kaltura
    •  
  • YouTube

For digital accessibility, color contrast is as critical as it is simple. Color contrast refers to the difference in light between font (or anything in the foreground) and its background. By using sufficiently-contrasting colors, a website's font visibility is stark enough to distinguish for most people.  Test your site for  .

 

Check your website for accessibility

  1.  Check alt text for images and other non-text content
    • All images and other non-text content should have a text alternative available. To check for alt text, you can use a  or other assistive technology on desktop and mobile.
  2. Make sure your site is keyboard-friendly
    • Many people can't or choose not to use a mouse to navigate the web, and instead use a keyboard, keyboard emulator, or other alternative input device. For this reason, it's essential that every link, control, and feature that can be operated with a mouse is accessible using only a keyboard.  Using common key commands, like the Tab and Shift-Tab keys, you can begin to get a sense of the accessibility condition of your website.