Build an Accessibility-First Visualization Component Library
Overview
What this challenge is about.
Build a React + TypeScript component library exporting 4 chart components. Each component must: (a) be navigable by keyboard, (b) expose data via accessible name + ARIA descriptions and offer a screen-reader-friendly tabular alternative, (c) meet WCAG 2.2 AA color contrast, (d) provide focus indicators that work on light and dark backgrounds. Document with Storybook including accessibility test stories. Provide an accessibility statement per component. Deliver source, Storybook, and an 8-page implementation guide for the embedded-analytics customers.
The Brief
What you'll do, and what you'll demonstrate.
Ship 4 React + TypeScript chart components meeting WCAG 2.2 AA with Storybook documentation and per-component accessibility statements.
Earning criteria — what you'll demonstrate
- Implement keyboard navigation and ARIA semantics on data visualizations
- Meet WCAG 2.2 AA color-contrast and focus-indicator requirements
- Provide screen-reader-friendly tabular alternatives without losing visual fidelity
- Document accessibility behavior in a way procurement reviewers accept
Program Fit
Where this fits in your program.
Sharpens the same skills your degree expects you to demonstrate.
Skills
Skills you'll demonstrate.
Each one shows up on your verified credential.
Careers
Roles this prepares you for.
Real titles. Real skill bridges. Pick the one closest to your trajectory.
Career mappings coming soon.