Closed Bug 1804927 Opened 3 years ago Closed 3 years ago

Add accessibility addon to Storybook

Categories

(Toolkit :: UI Widgets, task, P3)

task

Tracking

()

RESOLVED FIXED
110 Branch
Tracking Status
firefox110 --- fixed

People

(Reporter: tgiles, Assigned: tgiles)

References

(Blocks 1 open bug)

Details

(Whiteboard: [recomp])

Attachments

(1 file)

To ensure our reusable components are accessible, we should add the storybook-addon-a11y to our Storybook instance. This addon uses Axe under the hood to automatically test for accessibility issues. While no one tool can check every potential accessibility violation, Axe does a pretty good job and covers 57% of all accessibility issues (grain of salt since the previous article is from Deque themselves but still).

To see this addon in use, you can navigate to Gitlab's storybook instance and observe the "Accessibility" tab on the right sidebar.

Assignee: nobody → tgiles
Status: NEW → ASSIGNED
Severity: -- → N/A
Priority: -- → P3
Pushed by tgiles@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/b7baeae2ca0e Add @storybook/addon-a11y to our storybook. r=hjones
Status: ASSIGNED → RESOLVED
Closed: 3 years ago
Resolution: --- → FIXED
Target Milestone: --- → 110 Branch
Whiteboard: [fidefe-reusable-components-ms1] → [recomp]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: