diff --git a/ARIA/apg/practices/high-contrast/high-contrast-practice.md b/ARIA/apg/practices/high-contrast/high-contrast-practice.md index 700a6e0d..04f7d0b1 100644 --- a/ARIA/apg/practices/high-contrast/high-contrast-practice.md +++ b/ARIA/apg/practices/high-contrast/high-contrast-practice.md @@ -188,27 +188,27 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); macOS 14.4 Invert Colors: Off (default) - Screen shot of switch example with invert colors turned off + Screen shot of switch example with invert colors turned off macOS 14.4 Invert Colors: on - Screen shot of switch example with invert colors turned on + Screen shot of switch example with invert colors turned on Windows 11 Contrast Theme: none (default) - Screen shot of switch example with no contrast theme applied + Screen shot of switch example with no contrast theme applied Windows 11 Contrast Theme: Night sky - Screen shot of switch example with night sky contrast theme applied + Screen shot of switch example with night sky contrast theme applied Windows 11 Contrast Theme: Desert - Screen shot of switch example with desert contrast theme applied + Screen shot of switch example with desert contrast theme applied @@ -232,7 +232,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');

The forced-colors CSS media query provides a means for components to use the color preferences of people with visual impairments. When the user chooses a high contrast setting in their operating system, browsers set forced-colors property to active. CSS media queries change component colors to use operating system specified values using <system-colors> CSS data types. The advantage of using forced-colors over currentcolor is the ability to set a background color and to uniquely define colors for borders, outlines and text content.

Rating Slider Example with Selected High Contrast User Settings

-
+
@@ -244,27 +244,27 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); - + - + - + - + - +
OS
macOS 14.4 Invert Colors: Off (default)Screen shot of switch example with invert colors turned offScreen shot of switch example with invert colors turned off
macOS 14.4 Invert Colors: onScreen shot of switch example with invert colors turned onScreen shot of switch example with invert colors turned on
Windows 11 Contrast Theme: none (default)Screen shot of switch example with no contrast theme appliedScreen shot of switch example with no contrast theme applied
Windows 11 Contrast Theme: Night skyScreen shot of switch example with night sky contrast theme appliedScreen shot of switch example with night sky contrast theme applied
Windows 11 Contrast Theme: DesertScreen shot of switch example with desert contrast theme appliedScreen shot of switch example with desert contrast theme applied
diff --git a/_external/aria-practices b/_external/aria-practices index e2763150..f1babd72 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit e2763150176327da4362a6834025d14588b18677 +Subproject commit f1babd7287cb91ae77066cd583c6257acdbc724f