dequelabs / dequelabs/cauldron

Hover state for disabled RadioCardGroup items doesn't meet color contrast minimum

Open
#777 6 comments 0 reactions 1 assignee Claimed by @bobbyomari View on GitHub
accessibility low wontfix
Dominant language
TypeScript
Stars
127
Forks
31
Avg merge
2d 12h
Merged PRs (30d)
8

Description

When viewing Cauldron with the dark theme, in the [RadioCardGroup demo](https://cauldron.dequelabs.com/components/RadioCardGroup), the hover state color contrast for the middle, disabled card doesn't meet the color contrast minimum.

"No" text: `#ffffff`
Background color: `#e0e0e0`

Screenshot from Chrome Dev Tools:
Screen Shot 2022-09-16 at 1 41 28 PM

https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html

## Related issue
- Issue to replace `RadioCardGroup` https://github.com/dequelabs/cauldron/issues/1289

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.