Skip to content

TagPicker/TagItem: The contrast ratio is less than 3:1 between the close button focus border style and the selected tag color #15740

@SunleoSun

Description

@SunleoSun

Description

The contrast ratio is less than 3:1 for a tag item close button border focus style and a selected tag color when user uses keyboard to navigate.

The user isn't able to see a focus border for a close button on a tag if there is a contrast less than 3:1.
image

Code pen example

https://codepen.io/sunleosun/pen/MWeoQPQ

Suggested fix

The close button focused state border may be the same as for the whole tag item focused state border:
image

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions