emulsify-ds / emulsify-ui-kit

Components connected to Figma using Design Tokens.
https://emulsify-ds.github.io/emulsify-ui-kit/
GNU General Public License v2.0
12 stars 6 forks source link

[BUG] - Color contrast does not meet WCAG AA standards #113

Closed mndonx closed 2 weeks ago

mndonx commented 6 months ago

Describe the bug Links, buttons, breadcrumbs do not meet color contrast standards according to WCAG AA.

To Reproduce Steps to reproduce the behavior:

  1. Visit various components in Storybook and note the Accessibility issues tab. https://emulsify-ds.github.io/emulsify-ui-kit/?path=/story/components-button--button https://emulsify-ds.github.io/emulsify-ui-kit/?path=/story/components-cards--card-horizontal https://emulsify-ds.github.io/emulsify-ui-kit/?path=/story/components-cards--card-vertical https://emulsify-ds.github.io/emulsify-ui-kit/?path=/story/components-menus--breadcrumbs https://emulsify-ds.github.io/emulsify-ui-kit/?path=/story/components-menus--inline https://emulsify-ds.github.io/emulsify-ui-kit/?path=/story/components-menus--social https://emulsify-ds.github.io/emulsify-ui-kit/?path=/story/components-typography--headings https://emulsify-ds.github.io/emulsify-ui-kit/?path=/story/components-typography-links--links https://emulsify-ds.github.io/emulsify-ui-kit/?path=/story/components-typography--tables

Expected behavior Color tokens from Figma should pass color contrast tests for accessibility.

Screenshots If applicable, add screenshots to help explain your problem.

Screenshot 2024-01-09 at 10 56 15 AM