Skip to main content
Workforce LibreTexts

3.8: Activity- WCAG Scavenger Hunt

  • Page ID
    15509
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \) \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)\(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\) \(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\)

    activity-2.png

    Now that you have been introduced to the key guidelines you’ll refer to often when conducting accessibility reviews, it will be necessary for you to expand on your understanding of WCAG 2.1 by eventually reading through the full specification (if possible, before completing the reading and activities here).

    To become comfortable with WCAG 2.1 and its associated documentation, try this Scavenger Hunt challenge. Below is a list of barriers that you’ll likely see on many websites. For each barrier, find a relevant guideline and match a sufficient technique (with its ID) to remove the barrier. How to Meet WCAG 2.1 is a good reference.

    Happy hunting!

    Example

    Barrier: Pre-recorded video does not audibly describe meaningful visual activity

    Technique ID: G78: Providing a second, user-selectable, audio track that includes audio descriptions.

    List of Barriers

    1. Image has no text alternative
    2. Video has no captions
    3. Colour is used on its own to represent meaning
    4. Contrast between text and background colours is insufficient (<4.5:1)
    5. Form button is not keyboard operable
    6. Page redirects to another before contents can be read
    7. Webpage does not have a descriptive title
    8. No means is provided to skip past large main menu on a webpage
    9. The language of a page is not defined
    10. Page redirects when a form radio button receives focus

    Suggested Answers to Activity


    3.8: Activity- WCAG Scavenger Hunt is shared under a CC BY-SA license and was authored, remixed, and/or curated by Digital Education Strategies, The Chang School.

    • Was this article helpful?