Skip to content

Commit

Permalink
Commit changed files and submodule updates
Browse files Browse the repository at this point in the history
  • Loading branch information
daniel-montalvo authored and github-actions[bot] committed May 21, 2024
1 parent bea353b commit b7123a0
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 12 deletions.
22 changes: 11 additions & 11 deletions ARIA/apg/practices/high-contrast/high-contrast-practice.md
Original file line number Diff line number Diff line change
Expand Up @@ -188,27 +188,27 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<tr>
<td>macOS 14.4</td>
<td>Invert Colors: Off (default)</td>
<td><img height="85px" src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/currentcolor-macos-invert-off.png" alt="Screen shot of switch example with invert colors turned off"></td>
<td><img src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/currentcolor-macos-invert-off.png" alt="Screen shot of switch example with invert colors turned off" style="height: 85px"></td>
</tr>
<tr>
<td>macOS 14.4</td>
<td>Invert Colors: on</td>
<td><img height="85px" src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/currentcolor-macos-invert-on.png" alt="Screen shot of switch example with invert colors turned on"></td>
<td><img src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/currentcolor-macos-invert-on.png" alt="Screen shot of switch example with invert colors turned on" style="height: 85px"></td>
</tr>
<tr>
<td>Windows 11</td>
<td>Contrast Theme: none (default)</td>
<td><img height="90px" src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/currentcolor-windows11-theme-none.png" alt="Screen shot of switch example with no contrast theme applied"></td>
<td><img src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/currentcolor-windows11-theme-none.png" alt="Screen shot of switch example with no contrast theme applied" style="height: 90px"></td>
</tr>
<tr>
<td>Windows 11</td>
<td>Contrast Theme: Night sky</td>
<td><img height="90px" src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/currentcolor-windows11-theme-night-sky.png" alt="Screen shot of switch example with night sky contrast theme applied"></td>
<td><img src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/currentcolor-windows11-theme-night-sky.png" alt="Screen shot of switch example with night sky contrast theme applied" style="height: 90px"></td>
</tr>
<tr>
<td>Windows 11</td>
<td>Contrast Theme: Desert</td>
<td><img height="90px" src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/currentcolor-windows11-theme-desert.png" alt="Screen shot of switch example with desert contrast theme applied"></td>
<td><img src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/currentcolor-windows11-theme-desert.png" alt="Screen shot of switch example with desert contrast theme applied" style="height: 90px"></td>
</tr>
</tbody>
</table></div>
Expand All @@ -232,7 +232,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<p>The <code>forced-colors</code> 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 <code>forced-colors</code> property to <code>active</code>. CSS media queries change component colors to use operating system specified values using <code>&lt;system-colors&gt;</code> CSS data types. The advantage of using <code>forced-colors</code> over <code>currentcolor</code> is the ability to set a background color and to uniquely define colors for borders, outlines and text content.</p>
<h4 id="forcedcolor-example-screenshots">Rating Slider Example with Selected High Contrast User Settings</h4>
<div class="table-wrap"><table aria-labelledby="forcedcolor-example-screenshots" class="data">
<div class="table-wrap"><table aria-labelledby="color-example-screenshots" class="data">
<thead>
<tr>
<th>OS</th>
Expand All @@ -244,27 +244,27 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<tr>
<td>macOS 14.4</td>
<td>Invert Colors: Off (default)</td>
<td><img height="85px" src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/forced-colors-macos-invert-off.png" alt="Screen shot of switch example with invert colors turned off"></td>
<td><img height="85px" src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/forced-colors-macos-invert-off.png" alt="Screen shot of switch example with invert colors turned off" style="height: 85px"></td>
</tr>
<tr>
<td>macOS 14.4</td>
<td>Invert Colors: on</td>
<td><img height="85px" src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/forced-colors-macos-invert-on.png" alt="Screen shot of switch example with invert colors turned on"></td>
<td><img src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/forced-colors-macos-invert-on.png" alt="Screen shot of switch example with invert colors turned on" style="height: 85px"></td>
</tr>
<tr>
<td>Windows 11</td>
<td>Contrast Theme: none (default)</td>
<td><img height="90px" src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/forced-colors-windows11-theme-none.png" alt="Screen shot of switch example with no contrast theme applied"></td>
<td><img src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/forced-colors-windows11-theme-none.png" alt="Screen shot of switch example with no contrast theme applied" style="height: 90px"></td>
</tr>
<tr>
<td>Windows 11</td>
<td>Contrast Theme: Night sky</td>
<td><img height="90px" src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/forced-colors-windows11-theme-night-sky.png" alt="Screen shot of switch example with night sky contrast theme applied"></td>
<td><img src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/forced-colors-windows11-theme-night-sky.png" alt="Screen shot of switch example with night sky contrast theme applied" style="height: 90px"></td>
</tr>
<tr>
<td>Windows 11</td>
<td>Contrast Theme: Desert</td>
<td><img height="90px" src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/forced-colors-windows11-theme-desert.png" alt="Screen shot of switch example with desert contrast theme applied"></td>
<td><img src="../../../../content-images/wai-aria-practices/practices/high-contrast/images/forced-colors-windows11-theme-desert.png" alt="Screen shot of switch example with desert contrast theme applied" style="height: 90px"></td>
</tr>
</tbody>
</table></div>
Expand Down
2 changes: 1 addition & 1 deletion _external/aria-practices

0 comments on commit b7123a0

Please sign in to comment.