Skip to main content

Sparkbox Code Challenge: Accessibility Scavenger Hunt

06-03-21 Corinne Ling

In this Sparkbox Code Challenge, you are tasked with finding 10 accessibility issues in this accessibility scavenger hunt. Are you up for the challenge?

We have a team that likes to continuously learn. Sparkbox Code Challenges encourage us to stretch ourselves, explore, and learn. We invite you to learn along with us in this code challenge in CodePen.

The Challenge

In this Sparkbox Code Challenge, you are tasked with finding the 10 accessibility issues in this CodePen. In order to find all 10, you will need to do the following:

  • Test the page with VoiceOver on Safari

  • Test the page with your keyboard

  • Inspect the markup of the page (or if you’re not a dev, you can investigate how the content or order of the page could be more accessible and user friendly)

  • Test the contrast of colors used

Check Out the Full Instructions

Watch a full introduction with Sparkboxer Corinne Ling.

YouTube embeds track user data for advertising purposes. You can watch the video on YouTube if you prefer not to grant consent for YouTube embeds.

Does this challenge sound fun? Share the issues you find and some possible solutions on Twitter. Don’t forget to tag us with @hearsparkbox and use #SparkboxCodeChallenge.

Related Content

Get Email Updates

See Everything In

More Like This

  • Accessibility in an MVP Workflow

    Dustin Whisman

    When building an MVP, how do you balance speed and iteration with making sure that the product meets accessibility guidelines? It’s tempting to save accessibility for later, but it’s much easier to avoid mistakes and costly retrofitting by considering accessibility from the very beginning. Dustin shares some strategies for making sure your MVP is built accessibly without slowing down your project.

  • Embracing the Power of the MVP

    Sparkbox

    An MVP is sometimes perceived as a shortcut or a constrained version of a great idea. Not so! It’s just the first step on the road to a deeper understanding of the potential of your ideas.

  • Testing and Improving a Roku App’s Accessibility

    Dustin Whisman

    Accessibility efforts apply to all sorts of applications, even those we build for TV. Dustin shares the ways we implemented web accessibility within a client’s Roku app.

Want to talk about how we can work together?

Katie can help

A portrait of Vice President of Business Development, Katie Jennings.

Katie Jennings

Vice President of Business Development