When building and maintaining a website, it is required that you follow best practices for digital accessibility. This insures that the website is easily navigated and understood by all members of our campus community, including those users who have visual, auditory, motor, or cognitive disabilities.
Accessibility Resources
- Websites should conform to the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA guidelines for accessibility. Visit the University’s Center for Digital Accessibility website for guidance and support, or contact digitalaccessibility@uchicago.edu.
- The Web Content Accessibility Guidelines (WCAG) from W3C were developed with the goal of providing a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally. WCAG documents explain how to make web content more accessible to people with disabilities.
- For a summary of WCAG and techniques for meeting them, view How to Meet WCAG (Quick Reference) from W3C
- Visit the Quick Reference Guide for Web Accessibility Principles from WebAIM
Getting Started with Web Accessibility
Helpful Tips from WebAIM.org
- Add Alternative Text to Images. Alternative text is presented to blind screen reader users in place of images they cannot see. Every image that conveys content or has a function on your website should be given meaningful alternative text.
- Identify Required Form Fields. If your form has a mix of required and non-required fields, add the aria-required="true" attribute to each input that is required. This will identify them as required to screen reader users.
- Use properly formatted heading structure to organize your page. Be sure to make your main page title, typically the big, bold text at the start of your page, an H1 to facilitate page navigation and comprehension. Avoid skipping heading levels.
- Avoid “Click Here” links. Eradicate ambiguous link text such as “click here” and “learn more.” Link text should be specific, clear, and ideally should match the title of the page to which you’re linking. In other words, a user should be able to understand the phrase out of context.
- Use sufficient color contrast. Avoid using color alone to convey meaning. Add labels to charts and graphs.