search

carbon-design-system / carbon

A design system built by IBM
https://www.carbondesignsystem.com
Apache License 2.0
7.86k stars 1.82k forks source link

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

Open nkn2022 opened 3 months ago

nkn2022 commented 3 months 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

image

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

tay1orjones commented 3 months ago

This has come up a few times before

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

ziyadzulfikar commented 2 months ago

Hi @tay1orjones,

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

nkn2022 commented 2 weeks ago

Any update on this?

ziyadzulfikar commented 2 weeks ago

If this issue is assigned to me, then I can have a look on this.