To ensure our design tokens meet accessibility standards, this ticket focuses on integrating accessibility testing into our design token workflow. This will help identify and rectify any accessibility issues early in the design process, particularly focusing on color contrast, typography readability, and overall compliance with WCAG guidelines.
Technical Details
Implement automated accessibility testing tools that can analyze the design tokens for compliance with WCAG 2.1 guidelines.
Set up tests for color contrast, font sizes, and spacing to ensure they meet accessibility standards.
Integrate these tests into our continuous integration (CI) pipeline to automatically run with every update to the design tokens.
Acceptance Criteria
Automated accessibility testing with A11Y storybook plugin
Created stories with a comprehensive text and background color combinations (and varying text size?, if not picked up automatically) - Call out every combination of text and background color. NICE TO HAVE: Add the contrast ratios for each combination
Document what text/color combinations are not accessible - Any design tokens failing the accessibility tests are identified and documented.
georgewrmarshall
commented
2 months ago
Title: Add Accessibility Testing to Design Tokens
Description
To ensure our design tokens meet accessibility standards, this ticket focuses on integrating accessibility testing into our design token workflow. This will help identify and rectify any accessibility issues early in the design process, particularly focusing on color contrast, typography readability, and overall compliance with WCAG guidelines.
Technical Details
Acceptance Criteria