[a11y]: [Windows High Contrast Mode]: [IconButton] The icon is not visible in high contrast mode

nkn2022 commented 1 month ago

Package

@carbon/react

Browser

Chrome

Operating System

Windows

Package version

1.57.0

React version

17.0.1

Automated testing tool and ruleset

Manual Verification

Assistive technology

No response

Description

Manual verification of the above requirement brought up this issue. Ref: Requirement - 1.4.5 Images of Text Manual Verification - Check use of color, contrast, and images of text

WCAG 2.1 Violation

1.4.5 Images of Text

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-iconbutton--playground&args=kind:ghost

Steps to reproduce

Go to Carbon storybook URL - https://react.carbondesignsystem.com/?path=/story/components-iconbutton--playground&args=kind:ghost

You can see that the icon is not visible.

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Code of Conduct

[X] I agree to follow this project's Code of Conduct
[X] I checked the current issues for duplicate problems

tay1orjones commented 1 month ago

This has come up a few times before

I'm not sure what's caused this latest regression

ziyadzulfikar commented 4 days ago

Hi @tay1orjones,

If this issue is still open, I’d like to work on it. Please assign it to me. Thanks!

carbon-design-system / carbon