Skip to content Skip to navigation

Technologies, Accessibility, Responsiveness

Technologies

Technologies used in this site
Technology Purpose
HTML5 is the markup language used to structure this site. Structure & some Semantics
CSS3 is used to style this site Styles
JavaScript was used to add interactivity to this site Interactivity
jQuery (a library of JavaScript) is also used to add interactivity. Interactivity
Drupal 7 is the content management system/framework (using HTML, CSS, JavaScript, PHP, and MySQL) upon which this site is built. Content Management Framework
Twitter's Bootstrap HTML5, CSS3, JavaScript, jQuery framework provides the backbone for the design. Layout & Design Engine
Stanford University's "Open Framework" Drupal theme is built on Twitter Bootstrap and provides the base theme for this site's custom Drupal theme. Stanford's "Open Framework" - our Drupal Base Theme

Accessibility

In September of 2013, the first release of our new design was published. The templates of this design implemented many of the University of Michigan recommended standards for web accessibility (http://www.umich.edu/webaccess/best/). Our target for full compliance with WCAG 2.0 (http://www.w3.org/TR/WCAG20/) is November 1, 2014. 

Accessibility Timeline
Date Target
May 1, 2014 WAI-ARIA 100% Current
July 1, 2014 WCAG 2.0 (A)
September 1, 2014 WCAG 2.0 (AA)
November 1, 2014 WCAG 2.0 (AAA)

Responsiveness

This site has been structured so that it should adapt to any device on which it is being viewed including smartphones, tablets, and notebook & desktop computers. 

Dimension targets:

Responsive Design Schema
Device Dimensions (width)
Smartphone & Smaller Tablets ≤ 767px
Tablet ≥ 768px and ≤ 964px
Notebook & Desktop ≥ 965px