This page provides a list of free tools and resources that support accessible web design and development. The list is a work in progress and is updated regularly as tools and resources evolve.
Web and IT accessibility tutorials
- WebAIM Introduction to Web Accessibility
- W3C Accessibility Fundamentals
- UW Training Options
A wide variety of trainings, workshops, webinars and courses are available to UW employees that include, or focus exclusively on, digital accessibility.
Guidelines and standards
- Web Content Accessibility Guidelines 2.1 (WCAG)
WCAG 2.1 is the web accessibility standard that is required for UW websites by ADA Title II rules that were published in 2024 by the U.S. Department of Justice. For additional information about the rule, see the ADA Rule on Digital Accessibility website. - Accessible Rich Internet Applications (ARIA)
ARIA is a W3C specification that provides a way to make dynamic web applications and advanced user interface controls more accessible to people with disabilities. It is a necessary part of accessibility for most UW websites. - WAI-ARIA Authoring Practices
This is an essential resource for anyone developing websites or web applications. It provides standard design patterns for dozens of common web widgets such as accordions, dialogs, and menus.
Browsers’ Built-in accessibility tools
Modern versions of major browsers have their own accessibility tools built into their developer tools. For more information, see the documentation for the tools available in your preferred browser.
- Chrome DevTools Accessibility Reference.
- Firefox Accessibility Inspector
- Microsoft Edge DevTools: Accessibility
Third-party accessibility checkers & browser extensions
The following tools are listed alphabetically.
- Accessibility Bookmarklets
This suite of bookmarklets can be used in any browser and work by visually highlighting specific accessibility features within a web page, including ARIA landmarks, headings, lists, and accessibility-related features of images and forms. - Accessibility Insights
This robust accessibility checker and educational tool from Microsoft is available as an extension for Chrome or Edge, or as downloadable software for checking Windows applications. - AInspector WCAG Firefox Extension
This extension was developed at the University of Illinois. - axe
This accessibility testing toolkit from Deque is available as an API that can be integrated into automated testing processes for web development. Android Accessibility is also available as well the axe Chrome Extension. - WAVE
Developed by WebAIM, this online tool evaluates the accessibility of a web page and shows results using icons and indicators, embedded onto the original page. It is available as a standalone website, or as the WAVE browser extension for both Chrome and Firefox. - Web Developer Extension for Firefox or Chrome.
This highly useful toolbar from Chris Pederick is packed with features, including many that help check web pages for accessibility features.
Code validators
Having valid code is a first step toward web accessibility and cross-browser compatibility. The following tools should be used regularly for checking the validity of your code.
- HTML Validator – from the W3C
- CSS Validator – from the W3C
- HTML Tidy
This is a software library that evaluates and cleans up HTML, automatically generating a reformatted (i.e., “tidied”) version. HTML Tidy is widely available, and is integrated into many web coding applications as documented on their website. - HTML Validator Browser Extensions – for Chrome and Firefox, based on HTML Tidy and OpenSG, includes accessibility checks that can be toggled on via the Options menu
- WebVTT Validator – for validating timed text files to be used with HTML video, e.g., for captions, subtitles, chapters, and descriptions.
Color checkers
The W3C’s Web Content Accessibility Guidelines 2.0 requires a specific contrast ratio between foreground and background colors. There are several tools available for measuring contrast:
- Colour Contrast Analyser
This free application, available in Windows and Mac versions, makes it easy to check foreground & background color combinations. Both versions include an eyedropper tool for easily grabbing a particular color from anywhere on the screen. - WCAG Contrast Checker for Firefox
This Firefox extension displays color contrast ratios in a sidebar, and flags the color combinations that fail WCAG contrast requirements at various levels. - WebAIM Color Contrast Checker
This handy online tool includes a feature to “lighten” or “darken” existing colors until you find a combination that meets WCAG 2.0 requirements. This functionality is also built into the WAVE Extension (see WAVE under “Third Party Accessibility Checkers & Browser Extensions”). - WCAG Color Contrast Checker
This web tool from seigemedia provides a simple interface for comparing colors. - UW Colors Contrast Table
A quick guide for selecting combinations of UW brand colors that meet accessibility requirements for contrast.
Mobile development
- Accessibility for Apple Developers
Apple’s site includes a variety of resources for iOS developers. - Accessibility for Android Developers
Includes a variety of resources that help developers to use the Android framework to make applications more accessible.
Assistive technologies
When testing web pages and IT products with assistive technologies, it is important to be aware that no two assistive technology (AT) products are alike. What seems to work perfectly in Product A may be inaccessible in Product B. Therefore, developers should resist the tendency to develop sites and applications that work with a particular AT product, and focus instead on developing sites that comply with standards. Also, full-time AT users develop skills, strategies and workflows for using their tools over many years of experience. When using these same tools for testing web pages, it is important to keep this limitation in mind.
Screen Readers
Screen readers are tools that are used most commonly by individuals who are blind or visually impaired to read the content of desktop or mobile computing devices using a synthesized voice. The following are commonly used screen readers in various platforms.
- NVDA
A free, open source screen reader for Windows. - JAWS (not free)
The most popular screen reader in Windows. - Narrator
Microsoft’s screen reader, built into Windows. This is a simple screen reader, minimally featured compared to NVDA and JAWS, and not commonly relied upon for daily use. - VoiceOver
Apple’s screen reader, built in to both Mac OS and iOS devices.
Each of these tools, and many other assistive technologies, are available for use in the Access Technology Center.
WebAIM publishes several relevant resources:
- Testing with Screen Readers – An overview
- Using NVDA to Evaluate Web Accessibility
- Using JAWS to Evaluate Web Accessibility
- Using Narrator to Evaluate Web Accessibility
- Using VoiceOver to Evaluate Web Accessibility
- WebAIM Screen Reader Survey Results – Helpful for gaining a better understanding of which screen readers are mostly commonly used, and how they’re used.