diff --git a/content/practices/high-contrast/high-contrast-practice.html b/content/practices/high-contrast/high-contrast-practice.html
index 1849dee0d..3517cab24 100644
--- a/content/practices/high-contrast/high-contrast-practice.html
+++ b/content/practices/high-contrast/high-contrast-practice.html
@@ -178,14 +178,21 @@
Invert Colors
-
- The invert colors setting is a simple transformation of colors used to render content to the opposite color. For example, content rendered as white is changed to black. Content styled as blue is rendered as a brown (e.g. a mixture of red and green). There are no media queries associated with identifying the invert colors setting.
-
- Authors support this setting by insuring their content meets WCAG 1.4.3: Contrast (Minimum) contrast requirements, including components. The following example illustrates how the switch
role example is rendered on macOS when invert colors is disabled and enabled.
-
-
- Invert Colors Example: Button Switch
-
+
+ The invert colors setting is a simple transformation that renders content to its opposite color.
+ For example, content rendered as white is changed to black.
+ Content styled as blue is rendered as a brown, i.e., a mixture of red and green.
+ User agents do not provide a media query that can determine whether invert colors is enabled in the operating system.
+
+
+ To support invert colors effectively, insure content meets
+ WCAG 1.4.3: Contrast (Minimum).
+
+
+ The following example illustrates how a switch
element is rendered on macOS both when invert colors is disabled and enabled.
+
+
+ Invert Colors Example: Button Switch
Setting |
@@ -207,9 +214,12 @@ Invert Colors Example: Button Switch<
Increase Contrast
-
- When the increase contrast setting is is enabled the prefers-contrast
media query changes from no-preference
to more
. The author should update the rendering of text content and components to meet WCAG 1.4.6: Contrast (Enhanced) requirement. If content already meets the enhanced requirement, the author may want to exceed the enhanced color contrast requirement.
-
+ When the increase contrast setting is is enabled the prefers-contrast
media query changes from no-preference
to more
.
+ The author should update the rendering of text content and components to meet
+ WCAG 1.4.6: Contrast (Enhanced)
+ requirement.
+ If content already meets the enhanced requirement, the author may want to exceed the enhanced color contrast requirement.
+
Note: Operating systems that support the forced-colors
media query will set prefers-contrast
to custom
when the forced-colors
is set to active
.
Increase Contrast Example