Contrast notes: Update 4.6:1 note with further context. (#66168)

Co-authored-by: jasmussen <[email protected]> Co-authored-by: jameskoster <[email protected]>
WordPress · Oct 16, 2024 · e2b2058 · e2b2058
1 parent 0b67b89
commit e2b2058
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/base-styles/_colors.scss b/packages/base-styles/_colors.scss
@@ -8,7 +8,7 @@
 $black: #000;			// Use only when you truly need pure black. For UI, use $gray-900.
 $gray-900: #1e1e1e;
 $gray-800: #2f2f2f;
-$gray-700: #757575;		// Meets 4.6:1 text contrast against white.
+$gray-700: #757575;		// Meets 4.6:1 (4.5:1 is minimum) text contrast against white.
 $gray-600: #949494;		// Meets 3:1 UI or large text contrast against white.
 $gray-400: #ccc;
 $gray-300: #ddd;		// Used for most borders.

diff --git a/storybook/stories/tokens/color.mdx b/storybook/stories/tokens/color.mdx
@@ -55,7 +55,7 @@ Ensure proper contrast is met between text, icons, UI, and backgrounds. Text nee
 Against a white background:
 
 * **Gray 700**\
-Lightest gray you can use and meet 4.5:1 text contrast.
+Meets 4.6:1, lightest gray you can use and meet 4.5:1 text contrast.
 
 * **Gray 600**\
 Lightest gray you can use and meet 3:1 UI contrast.