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 e3c7fc8 commit 639e295
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 9 deletions.
14 changes: 6 additions & 8 deletions ARIA/apg/practices/high-contrast/high-contrast-practice.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,11 +27,9 @@ lang: en
<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>

<style>
table.data {
img {
border: 1px solid gray;
}
<style type="text/css">
table.data img {
border: 1px solid gray;
}
</style>

Expand Down Expand Up @@ -231,8 +229,8 @@ 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="color-example-screenshots" class="data">
<h4 id="forced-colors-example-screenshots">Rating Slider Example with Selected High Contrast User Settings</h4>
<div class="table-wrap"><table aria-labelledby="forced-colors-example-screenshots" class="data">
<thead>
<tr>
<th>OS</th>
Expand All @@ -244,7 +242,7 @@ 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" style="height: 85px"></td>
<td><img 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>
Expand Down
2 changes: 1 addition & 1 deletion _external/aria-practices

0 comments on commit 639e295

Please sign in to comment.