Tools and Resources for Accessible Design, Development and Testing from #a11yCampSeattle 2017

Share link: https://goo.gl/aEzBq8 Feel free to comment if you see a correction needed. Thank you!

Design
Development
Testing
Mobile Testing
Misc

Design

WebAIM - Web Development for Designers - https://webaim.org/resources/designers/
Salesforce - 7 Things Every Designer Needs to Know about Accessibility https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b
https://usecontrast.com (https://usecontrast.com/guide)
Photosensitive Epilepsy Analysis Tool PEAT! https://trace.umd.edu/peat
https://hexnaw.com/ - Hex Naw is a tool that helps designers and developers test entire color systems for contrast and accessibility. Plug in your palette or color system and let Hex Naw do the rest.
Color Oracle: colorblind simulator for Mac, Linux and Windows http://colororacle.org Shifts your screen to see anything in 3 blindness types
http://www.webaxe.org/color-contrast-tools/ (huge list of color checker tools)
http://contrast-finder.tanaguru.com - suggests colors that meet contrast
Makeanico - Accessible favicon generator https://github.com/jpdevries/makeanico#makeanico
Sketch Color Contrast Analyzer - https://github.com/getflourish/Sketch-Color-Contrast-Analyser

Content

Readable.io Has an API for giving reading level metrics for strings, documents, websites.
Hemingway App - www.hemingwayapp.com

Development

eBay MIND Patterns - https://ebay.gitbooks.io/mindpatterns/content/
Linters, ex: eslint-plugin-jsx-a11y https://www.npmjs.com/package/eslint-plugin-jsx-a11y
react-aXe - accessibility testing for React applications https://github.com/dequelabs/react-axe Also https://axe-core.org/
Deque Pattern Library - https://a11ywins.tumblr.com/post/163922411238/deque-pattern-library
ARIA Design Patterns and Widgets - https://www.w3.org/TR/wai-aria-practices/#aria_ex
A11yproject.org (open source)
https://inclusive-components.design/
Egghead.io - Marcy Sutton’s accessibility course https://egghead.io/courses/start-building-accessible-web-applications-today
Google Accessibility Course - https://www.udacity.com/course/web-accessibility--ud891
Eye-tracking hardware (models EyeX and 4C)- https://tobiigaming.com/products/
Expression detecting

Open source - http://opencv.org/
Payment based - https://www.affectiva.com/#

Testing

https://michelf.ca/projects/sim-daltonism/
https://developer.apple.com/library/content/documentation/IDEs/Conceptual/iOS_Simulator_Guide/TestingontheiOSSimulator/TestingontheiOSSimulator.html
OATMEAL (manual testing methods) - https://ebay.gitbooks.io/oatmeal/content/
aXe https://axe-core.org (JavaScript accessibility testing libraries & misc integrations, Chrome/Firefox extensions)
Siteimprove - Crawls websites for accessibility issues and SEO https://siteimprove.com/
NoCoffee browser extension for simulations of various visual conditions
Color Contrast Analyzer (aka Colour Contrast Analyser) for contrast testing of complex backgrounds (e.g. text over image in a hero image)
tota11y bookmarklet (beginner friendly) https://khan.github.io/tota11y/
http://pa11y.org/ - a range of free and open source tools to help designers and developers make their web pages more accessible.
Anthro-Tech Inc. A user research consultancy that works on accessibility for government and private sector clients http://anthro-tech.com/ We do usability testing, user research, and accessibility testing and consulting
Keyboard-only navigation (DIY)
Browser zooming (DIY) test at 200%
AInspector Sidebar (Firefox) - https://ainspector.github.io/
Humans with disabilities!
WebAIM color contrast tool
Lea Verou’s color contrast tool can handle rgba()! (Example of transparent color test)
University of Washington Disabilities, Opportunities, Internetworking, and Technology (Do-IT): http://www.washington.edu/doit/, consulting, user testing, education, extensive resources
http://pa11y.org/
W3 Easy Checks (manual testing) - https://www.w3.org/WAI/eval/preliminary.html
W3 list of testing tools - https://www.w3.org/WAI/ER/tools/

Mobile Testing

Don’t use the google android scanner
Testing Whiz: http://www.testing-whiz.com/mobile-testing?utm_campaign=Pratik&utm_content=Mobile+Test+Automation+&utm_medium=QnA&utm_source=Quora
Robotium - https://github.com/RobotiumTech/robotium
WorldSpace Attest for Native Mobile (requires licensing)
https://www.deque.com/blog/announcing-worldspace-attest-mobile-deques-tool-native-mobile-accessibility-testing/
https://www.deque.com/blog/new-worldspace-attest-mobile-ios/
W3 Using ARIA - https://www.w3.org/TR/using-aria/#notes2

Misc

Web-A11y Slack channel - https://web-a11y.herokuapp.com
Knowbility Access Works - remote user testing resource https://access-works.com/
Deque University – online accessibility training, free to people with disabilities https://dequeuniversity.com/
https://userexperiencedesign.slack.com has a pretty active a11y channel
https://testersio.slack.com also has a semi-active a11y channel
http://pauljadam.com/ has a ton of good stuff
Apple videos have a bunch of AX content https://developer.apple.com/videos/
A11ycasts (Chrome Developers videos on accessibility) http://www.youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g
BBC Mobile Accessibility Guidelines - http://www.bbc.co.uk/guidelines/futuremedia/accessibility/mobile
Vox Guidelines http://accessibility.voxmedia.com/
https://github.com/18F/web-design-standards & https://standards.usa.gov/components/
Mailing list for help with accessibility remediation http://mailman13.u.washington.edu/mailman/listinfo/athen-list
WebAIM Articles - https://webaim.org/articles/
WebAIM Resources - https://webaim.org/resources/
Interactive WCAG http://code.viget.com/interactive-wcag/#responsibility=design&level=aa
https://developer.paciellogroup.com/resources/
http://a11yweekly.com/ newsletter (news and beginner-friendly resources)
https://www.applevis.com/ apple platforms AX
Accessibility Wins https://a11ywins.tumblr.com/

Tools and Resources for Accessible Design, Development and Testing