Skip to content

Implement Adventure: ♿ The Accessibility Nightmare #65

Closed

Description

@KatharinaSick

Implement ♿ The Accessibility Nightmare.

🙌 Thanks to @homayounmmdy for contributing this idea. PR: #63

Adventure Overview

Theme: ShopSmart's e-commerce expansion is blocked by ADA lawsuits and strict European Accessibility Act (EAA) fines. As the lead frontend engineer, your mission is to audit the broken site, build an accessible component library, and automate compliance to save the EU launch and protect the company from millions in fines.

Skills:

  • Audit and remediate critical WCAG 2.2 violations using automated and manual testing tools
  • Build and document an accessible component library with proper focus management and ARIA patterns
  • Implement automated accessibility gates and performance budgets in CI/CD pipelines to ensure continuous compliance

Technologies: axe-core, Lighthouse, Playwright, Pa11y, NVDA, VoiceOver, React, Storybook, GitHub Actions

Want to start building?

Comment on this issue to claim it and please make sure to follow our contribution guidelines

Activity

  1. Ehtasham-Yasin commented on Jul 11, 2026

    @Ehtasham-Yasin
    Contributor

    Hi @KatharinaSick, I’d like to work on this adventure. I plan to start with the Beginner level only: scaffold the ShopSmart frontend, add intentional accessibility violations, create the devcontainer setup, write the learner documentation, and add verification checks. I’ll submit this as a focused PR first and continue with later levels separately after feedback.

  2. KatharinaSick commented on Jul 13, 2026

    @KatharinaSick
    ContributorAuthor

    Reopening because we accidentally merged this PR - see #70 (comment)

    As stated in the PR, may I ask you to reopen your PR? I'm really sorry @Ehtasham-Yasin

  3. KatharinaSick commented on Sep 8, 2026

    @KatharinaSick
    ContributorAuthor

    @homayounmmdy & @Ehtasham-Yasin - your adventure is live 🥳 Thanks a lot for your contribution ❤️

    https://offon.dev/adventures/accessibility-nightmare/

    @sinduri-g is currently implementing intermediate & expert.

    Thank you all 😊

  4. sinduri-g commented on Sep 8, 2026

    @sinduri-g
    Contributor

    Hi @Ehtasham-Yasin
    Could you create an account on community.offon.dev? Your work on the beginner level would then show up in the sidebar leaderboard there.

    Totally fine if you would rather not, just wanted to give you the option. Thank you.

  5. Ehtasham-Yasin commented on Sep 22, 2026

    @Ehtasham-Yasin
    Contributor

    @homayounmmdy & @Ehtasham-Yasin - your adventure is live 🥳 Thanks a lot for your contribution ❤️

    https://offon.dev/adventures/accessibility-nightmare/

    @sinduri-g is currently implementing intermediate & expert.

    Thank you all 😊

    can i post it on linkedin

  6. Kenyatta-forbes commented on Sep 22, 2026

    @Kenyatta-forbes
    Contributor

    @homayounmmdy & @Ehtasham-Yasin - your adventure is live 🥳 Thanks a lot for your contribution ❤️
    https://offon.dev/adventures/accessibility-nightmare/
    @sinduri-g is currently implementing intermediate & expert.
    Thank you all 😊

    can i post it on linkedin

    Absolutely!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

adventure ideaapproved idea ready to be implementedhelp wantedExtra attention is needed

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions