Bard College at Simon's Rock: the Early College
  1. Home
  2. Guide
  3. Foundation
  4. Strategy
  5. Accessibility

Accessibility

Simon’s Rock’s online content must be accessible to a broad range of site visitors including those with disabilities. Metadataalt tags, and link text and title need to be applied consistently for all content added to the site.

Web Browsers

Presentation of online content should be optimized for all reasonable situations, including:

  • Mobile Safari - 2 most recent versions
  • Safari - 2 most recent versions
  • Safari In App - 2 most recent versions
  • Firefox - 2 most recent versions
  • Chrome - 2 most recent versions
  • Edge
  • IE 11.x+
  • Android Webview

Not Supporting

We are not actively supporting and testing the following browsers, all of which have less than 1% of users over the past year (as of 12/2017): Samsung Internet, Amazon Silk, Android Browser, Opera, Opera Mini, and UC Browser.

 

distinguishable links

Use link titles to ensure that links are clear and distinguishable. If the same link text is used for different destinations, the link text must be differentiated with a descriptive and unique link title. For example, if multiple 'Contact Us' links are used on the same page that point to different pages, add unique link titles such as 'Contact Admission' and 'Contact the Kilpatrick Athletic Center'. Also if is links have generic text such as Read More or Learn More add a link title to clarify what the 'more' is.

Avoid Using Bold and Italics for emphasis

If you want text to stand out, set the content apart rather than relying on bold or italics.

Use correct syntax

  • Strong not b
  • Em not i

Avoid Using HTML to Format Content

The established patterns are built to ensure consistent and accessible content. One exception is the use of iFrames for 3rd party content such as YouTube videos.

Avoid using empty headings

Use established patterns or blank paragraphs to create white space.

Add Description to iFrame

See video instructions

Avoid adding "Section"

Careful when copying and pasting or selecting the from the paragraph dropdown in the WYSIWYG.

Add Summary to Table

Add Description for Silent Hero Video

With hero videos, add a description to the video tag. 

<video width="300" height="150" controls="controls" poster="/_images/video/homepage-hero-background.jpg"
aria-label="Whether doing field research or using first-class facilities, you will enjoy hands-on learning and an engaging classes."
>