Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Making your website work for everyone: accessibility testing

Making your website work for everyone: accessibility testing

Are people with visual impairment able to use your website? What about people with hearing impairment, mobility issues, or cognitive disabilities? 1 in 5 Americans has a disability of some kind, so it’s important to make sure that your website is usable for everyone. An accessible and inclusively designed website respects the civil rights of everyone, expands your reach, downloads faster, is more usable, works better in different browsers and on different devices, has better SEO, is easier to manage, and demonstrates your commitment to social responsibility.

But how can you be sure your website works for everyone? In this workshop, we’ll walk you through testing your website, identifying potential issues, and fixing the most common accessibility problems. We’ll cover the basic principles of accessibility and inclusive design and share tips and tools for making and keeping your website accessible.

Natalie MacLees

November 01, 2019

More Decks by Natalie MacLees

Other Decks in Technology


  1. One in four adults in the U.S. has a disability

    that impacts 
 major life activities
  2. Web accessibility is the degree to which a website is

    usable by as many people as possible. LAURA KALBAG
  3. Video by George Morina from Pexels Here is some important

    text for you to try and read while the birds run around…
  4. H1: Title of page or post Intro paragraph H2: Section

    header Section paragraphs with some information H3: Subsection header Subsection paragraphs with some information H2: New section header Section paragraphs with some information
  5. RESOURCES Accessibility Toolkit: hiredigitally.com/accessibility-toolkit WAVE: wave.webaim.org Koa11y: open-indy.github.io/Koa11y/ Axe: deque.com/axe

    Alternative text for images: make.wordpress.org/accessibility/ handbook/content/alternative-text-for-images/ Hemingway: hemingwayapp.com Grammarly: grammarly.com Yoast SEO: wordpress.org/plugins/wordpress-seo/
  6. RESOURCES WP Accessibility: wordpress.org/plugins/wp-accessibility/ Creating accessible PDF documents: gla.ac.uk/myglasgow/ digitalaccessibility/documents/pdfdocuments/

    Create accessible PDFs: section508.gov/create/pdfs Create accessible digital products: section508.gov/create Color contrast checker webaim.org/resources/contrastchecker/
  7. BIBLIOGRAPHY Prevalence of Disabilities and Health Care Access by Disability

    Status and Type Among Adults, CDC August 2018: cdc.gov/mmwr/volumes/67/ wr/mm6732a3.htm?s_cid=mm6732a3_w WebAIM Million: webaim.org/projects/million 10 Tips for Publishing Accessible Content: palantir.net/blog/10-tips- publishing-accessible-content Majority of websites are inaccessible to blind users: sdtimes.com/ softwaredev/report-majority-of-websites-are-inaccessible-to-blind- users/