Designing for Accessibility

These tools will help you be compliant with ADA / Section 508 / WCAG 2.0 so that all visitors to your web site can navigate it easily.

• WAVE Web Accessibility Tool - browser plugin from WebAim for Chrome and Firefox
• tota11y  -  browser plugin developed by the Khan Academy to check web pages
• WAVE - Check individual pages by URL, without a plugin
• Google Lighthouse - check web sites
• Chrome Dev Tool - Accessibility audit tool built-in to the browser
• Firefox Accessibility Reference -  Accessibility audit tool built-in to the browser
• WAI's Easy Checks - Checklist for conducting a first review of accessibility

• Web-safe fonts
• Dyslexia Friendly Style Guide
• OpenDyslexic- font and browser plugins available

For accessibility, make sure that you color and font choices have high contrast ratios.

• Color Contrast Checker - Test color combinations using this tool from WebAIM
• HTML Color Picker - Hexagonal, web-safe
• Work With Color - Donut-shaped
• Color Scheme Designer - Pick a color, get codes for similar hues
• Adobe Photoshop - Use the dropper tool
• ColorZilla - Firefox add-on that lets you use the dropper tool on any web page

• W3C Markup Validation Service - check the syntax of HTML code
• W3Schools.com CSS tutorials
• CSS tutorials on LinkedIn Learning - formerly Lynda.com