Skip to content

Commit 8dd6c3a

Browse files
authored
Document text-muted and text-disabled classes wrt minimum contrast (#7045)
1 parent e40e976 commit 8dd6c3a

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

packages/core/src/_typography.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -69,8 +69,8 @@ Markup:
6969
.#{$ns}-running-text - Increase line height ideal for longform text. See [Running text](#core/typography.running-text) below for additional features.
7070
.#{$ns}-text-large - Use a larger font size.
7171
.#{$ns}-text-small - Use a smaller font size.
72-
.#{$ns}-text-muted - Change text color to a gentler gray.
73-
.#{$ns}-text-disabled - Change text color to a transparent, faded gray.
72+
.#{$ns}-text-muted - Change text color to a gentler gray. This text color meets [minimum contrast standards of WCAG 2.1](https://www.w3.org/TR/WCAG21/#contrast-minimum) for $white through $light-gray4 in light theme, and $black through $dark-gray4 in dark theme.
73+
.#{$ns}-text-disabled - Change text color to a transparent, faded gray. This text color will not meet minimum contrast standards and should only be used on "incidental" text as defined by [WCAG 2.1 Contrast Minimum](https://www.w3.org/TR/WCAG21/#contrast-minimum), either purely decorative, or text of a disabled UI element.
7474
.#{$ns}-text-overflow-ellipsis - Truncate a single line of text with an ellipsis if it overflows its container.
7575
7676
Styleguide ui-text

0 commit comments

Comments
 (0)