Designing Inclusive Digital Experiences for Neurodiversity by Sara Boback

Scavenger Hunt

Let’s get started and walk through some potential accessibility issues. Follow the instructions for each issue below and check your knowledge in the accompanying quiz. Each “Issue” relates to a WCAG success criteria. WCAG is generally accepted as the universal standard for web accessibility. You probably don’t need to read the specs, but the direct link is there to each criteria within the guidelines, if you choose to do so.

There are four total, let’s see how you do!

Issue 1:

  1. Review the graphic using screen reader of choice, either JAWS or NVDA. If you can’t use a screen reader, try inspecting the image by right-clicking on the image with your mouse -> selecting “Inspect”, and looking through the code for a tag called “alt”
  2. Review your WCAG 2.0 Checklist, success criteria 1.1.1 Non-Text Content.
  3. Determine the accessibility issue with the content.

This word-cloud uses a lot of key words about accessibility.

----

Issue 2:

  1. Review the content using your screen reader of choice, or simply by eyeing the text and image.
  2. Review your WCAG 2.0 Checklist, success criteria 1.3.3 Sensory Characteristics.
  3. Determine whether there is an accessibility issue below.

If you are happy today, click the happy face.

faceface

Issue 3:

  1. Review the content using your own judgement to see whether there are any issues.
  2. Review your WCAG 2.0 Checklist, success criteria 1.4.1 Use of Colour.
  3. Determine the accessibility issue.

The cells in the table have been organized according to value. The light-blue cells represent the monthly spending total where the total value is less than 5000 but greater than 1000. The salmon cells represent the monthly spending total where the total value is greater than 5000. The light-green cells represent the monthly spending total where the total value is less than 1000.

2017 2018 2019
January January January
February February February
March March March
April April April
May May May
June June June
July July July
August August August
September September September
October October October
November November November
December December December

Issue 4:

  1. Review the content on this page using your judgement to determine the issue.
  2. Review your WCAG 2.0 Checklist, success criteria 2.4.4 Link Purpose (In Context).
  3. Determine the accessibility issues with the links on this page. Note: Do not actually click the links.

Web Content Accessibility Guidelines (WCAG) 2.0

Click me.

WCAG 2.1: What is it, and how does it apply to me?

Learn about it.

Web Accessibility Demonstration

Click here!

WAI-ARIA Resources

Learn more!

Web Experience Toolkit

It’s really useful.

Congratulations on completing the hunt!

And thanks a lot for visiting my exhibit. I hope you learned something, and enjoyed yourself.

I would love to hear your thoughts, feedback, and ideas, and more.  Want to discuss accessibility with me? You can connect with me a few different ways:

Twitter (@KristinaBoback)

Email sara.boback@student.ocadu.ca

 

License

Icon for the Creative Commons Attribution 4.0 International License

Inclusive Spectrums Copyright © 2020 by OCADU 2019/2021 Inclusive Design Masters Cohort is licensed under a Creative Commons Attribution 4.0 International License, except where otherwise noted.

Share This Book

Feedback/Errata

Leave a Reply

Your email address will not be published. Required fields are marked *