Carbon: AVT 1 & AVT 2 - React Inline Notification "Action" fails color contrast.

Created on 12 Aug 2019  Â·  8Comments  Â·  Source: carbon-design-system/carbon

Environment

macOS Mojave version 10.14.5
Chrome Version 75.0.3770.100 (Official Build) (64-bit)
Carbon v10 - React

Detailed Description

Go to the React Inline Notification and run DAP and the Action button fails color contrast. See screenshot below:
Screen Shot 2019-08-12 at 2 08 57 PM
Then check it with the Color Contrast Anaylzer and it fails.
See screenshot below:
Screen Shot 2019-08-12 at 2 07 21 PM

high 😱 react 1 🚨 a11y ♿

Most helpful comment

I believe #3596 fixed the contrast issue by updating the token for the Action button

All 8 comments

@carbon-design-system/design what should this color value be updated to? It is currently using $link-01

This issue is related to #3536

@carbon-design-system/design bump

Looks like it was fixed! Spooooky

I believe #3596 fixed the contrast issue by updating the token for the Action button

@dakahn Retested the Inline Notification with DAP. See and the same violation is still present so I reopened this issue:
Screen Shot 2019-11-01 at 3 09 52 PM

The action link isn't calling the right token. The color of that link should be calling inverse-link

I believe this is fixed now through several updates. #78A9FF on #393939 passes at 4.9:1
http://react.carbondesignsystem.com/?path=/story/notifications--inline

Was this page helpful?
0 / 5 - 0 ratings