Web Accessibility Awards
Purdue's Web Accessibility Awards were initiated in 2011 to help promote equal access to Purdue University's web pages. The Web Accessibility Awards recognize colleges, schools, departments, programs, and units that have made great strides in meeting or exceeding the University's standards for accessible web design while demonstrating excellence in design and communication. These awards of $1,000 will be given to two winners each year during the four year implementation of Purdue's Web Accessibility Policy.
A description of the past Web Accessibility Awards recipients and their accomplishments can be found below. Recipients and many past nominees are paying more attention to alternative text on images, using proper headings instead of using bolding and italics, and adding labels to form fields. These are the types of accessibility features the Web Accessibility Awards Voting Committee look for amongst other common accessibility features such as tables with headers, tagged PDFs, access to information for keyboard only users, and closed captions for videos. Since the Web Accessibility Policy was adopted in 2010, Purdue websites system-wide have continued to make good progress in improving their accessibility to all.
Additionally, the homepage is visually appealing, clean, and well organized, making it user-friendly. The banner slideshow includes a pause button that gives users the ability to stop a slide and read the information. The site tags images with alternative text to improve accessibility, and it is also accessible to keyboard-only users. Purdue University Calumet homepage is an excellent example of how visual design and web accessibility can work together to provide information to all users in an efficient and well-designed manner.
Purdue Extended Campus Web Accessibility Scanner
This free tool allows users to scan web pages for issues detailed by the Section 508 guidelines for web accessibility. It was created to aid Purdue web developers in conforming to a common web accessibility standard in a more feasible manner. The scanner’s simple and clean design makes it easy to find errors in web pages and to take steps to correct them. Some highlights of the tool include keyboard-only navigation that includes pop-ups and an enlarge page function. It stands out from other web accessibility checkers with its straightforward explanation of errors that includes why it is important to fix a particular error as well as how to fix it.
In addition to meeting the University’s standard for accessible web design, the website is well organized and has a responsive design useful for mobile devices. The banner slideshow includes a pause button which gives users the ability to stop a slide and read the information. The site includes tagged images with alternative text, and videos are closed captioned. The site is also accessible to keyboard-only users, which is important as many individuals are unable to use a mouse. Krannert School of Management Undergraduate Website is an excellent example of how visual design and web accessibility can work together to provide information to all users in an efficient and well-designed manner.
In addition to ease of navigation, this website incorporates many accessibility features including skip navigation and labels for form fields. Nearly all of the site’s PDFs were tagged to improve accessibility. This website also includes a link to turn on “More Accessible Mode” when the page is viewed in SharePoint. The overall accessibility of the College’s Website is very impressive given the large volume of webpages this website comprises.
In addition to meeting the University’s standard for accessible web design, the website is well organized, making it user friendly. It uses a unique design where the navigation visually appears to be at the top of the page but structurally is at the bottom of the page. This removes the need for a skip navigation link and provides quick access to the content of the page – especially important for some users. The College’s website also includes good header structure, use of contrast, and a reader link for PDFs.
In addition to meeting the University’s standard for accessible web design, this website is very user friendly and has a pleasing visual design. All of the YouTube videos on this website are closed captioned, and a user may request text transcripts of web-based training modules. The National AgrAbility Project website is an excellent example of how visual design and web accessibility can work together to provide information to all users in an efficient and well-designed manner.
This free tool, produced by ITaP’s Informatics group, provides a clean and concise report that allows developers to review all images and associated alt tags for an entire site. While most tools will scan your site for the existence of alt tags, there is no assurance that these alt tags are actually accurate or necessary. ALT508 Image ALT Text Checker takes this a step further by displaying a visual report of images next to their associated alt tags. By displaying images and their alt tags together, it is often easier to determine whether the alt text is appropriate for the image. This free tool can be found at https://www.itap.purdue.edu/checker/ and is available for download to anyone with a Purdue career account.