Skip to content

Patterns: Inactive "All, Synced and Standard" toggle group options have too low color contrast #52555

@carolinan

Description

@carolinan

Description

In Appearance > Editor > Patterns > My patterns, the inactive options in the toggle group control for the synced status does not have a high enough color contrast to pass WCAG 2 AA:

Text: #757575
Background: #2F2F2F
Contrast Ratio: 2.9:1

Required: 3:1
Preferred: 4.5:1

Step-by-step reproduction instructions

Go to Appearance > Editor > Patterns > My patterns
-Test the color contrast of the inactive toggle group options.
-Try reading the text of the inactive toggle group options.

Screenshots, screen recording, code snippet

toggle group color contrast on the My patterns page.

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

Metadata

Metadata

Assignees

Labels

Needs Design FeedbackNeeds general design feedback.[Feature] PatternsA collection of blocks that can be synced (previously reusable blocks) or unsynced[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).[Status] In ProgressTracking issues with work in progress[Type] BugAn existing feature does not function as intended

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions