The Inclusive Innovation Playbook

Explore

Resources

Accessibility Resources

Unlike many aspects of inclusive innovation, where industry practice is very immature, accessibility is one of the most mature and developed areas. That said there is still some way to go, and it should be noted that often the standards provide a minimum entry point, rather than an ideal solution.

Our goal with this playbook is not to reinvent the wheel, so we’ll share a few links that you may find useful if you are just starting to explore accessibility.

Accessibility guidelines

UK Government guidelines with Do’s and Don’ts posters of accessible design in various languages, as well as useful blogs and resources from Government Digital Services on the right hand side:

Loading accessibility.blog.gov.uk⁠

⁠

UK Department for Work and Pensions Accessibility Guidelines.

⁠

Loading accessibility-manual.dwp.gov.uk⁠

⁠

Accessibility talks

How the blind use technology to see the world | Austin Seraphin | TEDxPhiladelphia

⁠

Loading www.youtube.com⁠

⁠

Disability Technology | Jeff Paradee | TEDxLSSC

⁠

Disability Technology | Jeff Paradee | TEDxLSSC In his talk, Jeff discusses ways in which access to the right technology can change the lives of those living with physical disabilities. Jeff Paradee Jr., is a poet, a writer, and an artist. He is also a member of the Phi Theta Kappa Honor Society and a student at Lake Sumter State College. This talk was given at a TEDx event using the TED conference format but independently organized by a local community. Learn more at https://www.ted.com/tedx www.youtube.com⁠

Accessibility articles

Smartphone accessibility: a comprehensive guide.

Learn how users can get the most out of their phone with sight loss, hearing loss or physical disabilities.

⁠

Loading www.uswitch.com⁠

Inclusive Design: 12 Ways to Design for Everyone

⁠

Inclusive Design: 12 Ways to Design for Everyone - Shopify Inclusive design considers as many people’s needs and abilities as possible. It goes further than accessibility, which is specifically focused on people with disabilities and how to make sites or apps usable for them. In this article, a range of experts suggest tips on how to design for everyone. www.shopify.com⁠

⁠

Accessibility toolkit

The IBM Equal Access Toolkit provides a guidance and tools to help you improve your product’s accessibility.

⁠
`Loading www.ibm.com`⁠
⁠

Accessibility tools and widgets

There are many different accessibility widgets that can be integrated into existing websites and software, such as:

ReciteMe

⁠

Loading reciteme.com⁠

⁠

UserWay

⁠

Loading userway.org⁠

⁠

Dyslexia-friendly fonts

e.g.

OpenDyslexic⁠

or BR for You.

Loading bionic-reading.com⁠

⁠

accessiBe

⁠

Loading accessibe.com⁠

⁠

Helperbird is another dyslexia and ADHD-friendly tool for accessibility that can be integrated. Allowing it to integrate into your product will help some of your users engage with it.

⁠

Loading www.helperbird.com⁠

Accessibility testing

Accessibility testing help you to assess the accessibility of a web page, product or service. This can be done with automated tools, manual inspection or by using a screen reader.

Easy Checks from W3C provides guidance on what checks you can conduct.

⁠

Easy Checks – A First Review of Web Accessibility Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI). www.w3.org⁠

⁠

Wave⁠

is another web accessibility evaluation tool.

Neurodiversity design principles

A collection of design principles informed by the needs of neurodiverse users and learners.

⁠

Loading neurodiversity.design⁠

⁠

Accessibility courses

edX 'Introduction to Accessibility' has a focus on the experience of people with disabilities and the role of web standards in accessible web experiences:

LinkedIn This link will take you to a page that’s not on LinkedIn lnkd.in⁠

⁠

Udacity 'Web Accessibility' looks at accessibility through a front-end development lens and will be invaluable for those already confident with development concepts:

⁠

LinkedIn This link will take you to a page that’s not on LinkedIn lnkd.in⁠

⁠

LinkedIn 'Accessibility for Design' (free via a trial) draws parallels between established user experience concepts and accessibility and is another great introduction:

Loading lnkd.in⁠

⁠

Developer tools

Axe is an accessibility testing engine for websites and other HTML-based user interfaces.

⁠

Loading www.npmjs.com⁠

⁠

Lighthouse from Google is an open-source, automated tool for improving the quality of web pages and running accessibility audits.

⁠

Loading developer.chrome.com⁠

⁠

Static AST checker for accessibility rules on JSX elements.

⁠

npm: eslint-plugin-jsx-a11y Static AST checker for accessibility rules on JSX elements.. Latest version: 6.10.2, last published: 2 months ago. Start using eslint-plugin-jsx-a11y in your project by running `npm i eslint-plugin-jsx-a11y`. There are 11596 other projects in the npm registry using eslint-plugin-jsx-a11y. www.npmjs.com⁠

⁠