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:
- 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”
- Review your WCAG 2.0 Checklist, success criteria 1.1.1 Non-Text Content.
- Determine the accessibility issue with the content.
This word-cloud uses a lot of key words about accessibility.
Issue 2:
- Review the content using your screen reader of choice, or simply by eyeing the text and image.
- Review your WCAG 2.0 Checklist, success criteria 1.3.3 Sensory Characteristics.
- Determine whether there is an accessibility issue below.
If you are happy today, click the happy face.
Issue 3:
- Review the content using your own judgement to see whether there are any issues.
- Review your WCAG 2.0 Checklist, success criteria 1.4.1 Use of Colour.
- 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:
- Review the content on this page using your judgement to determine the issue.
- Review your WCAG 2.0 Checklist, success criteria 2.4.4 Link Purpose (In Context).
- Determine the accessibility issues with the links on this page. Note: Do not actually click the links.
Web Content Accessibility Guidelines (WCAG) 2.0
WCAG 2.1: What is it, and how does it apply to me?
Web Accessibility Demonstration
WAI-ARIA Resources
Web Experience Toolkit
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:
Feedback/Errata