Skip to content

Commit

Permalink
fixed linting errors
Browse files Browse the repository at this point in the history
  • Loading branch information
jongund committed Dec 3, 2024
1 parent ae1e6d1 commit 4835e61
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 6 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ button.color-scheme[role="switch"] .label {

button.color-scheme[role="switch"][aria-checked="true"] .label,
button.color-scheme[role="switch"][aria-checked="true"] .on {
color: #ffffff;
color: #fff;
}

button.color-scheme[role="switch"] svg {
Expand Down
10 changes: 5 additions & 5 deletions content/practices/high-contrast/high-contrast-practice.html
Original file line number Diff line number Diff line change
Expand Up @@ -253,7 +253,7 @@ <h3 id="prefers-contrast-example">Increase Contrast Example</h3>

</div>

<table aria-labelledby="increase-contrast-colors" class="data">
<table class="data">
<caption>Increase Contrast Example Color Changes</caption>
<thead>
<tr>
Expand Down Expand Up @@ -545,7 +545,7 @@ <h3 id="color-scheme-wikipedia">Color Scheme Example: Wikipedia Page</h3>

<p>The following example illustrates how Wikipedia supports color scheme media query. The example includes showing the "Appearance" sidebar allowing the user to choose the light or dark scheme and other rendering options for text size and column width.</p>

<table aria-labelledby="color-scheme-example-screenshots" class="data">
<table class="data">
<thead>
<tr>
<th>Media Query</th>
Expand Down Expand Up @@ -609,7 +609,7 @@ <h3 id="forced-colors-example">System Color Example: Rating Slider</h3>
<p>The <code>buttontext</code> system color value was chosen so the interactive slider elements would match the colors of other standard form controls on the page. The <code>canvas</code> system color was chosen for the labels to match other static text on the page.
</p>

<table aria-labelledby="forced-colors-example-screenshots" class="data">
<table class="data">
<caption>Rating Slider Example with Selected High Contrast User Settings</caption>
<thead>
<tr>
Expand Down Expand Up @@ -671,7 +671,7 @@ <h3 id="currentcolor-example">Current Color Example: Switch</h3>

<p>The <a href="../../patterns/switch/examples/switch-button.html">Button Switch Example</a> uses <code>currentcolor</code> value to style the SVG <code>rect</code> elements used as the switch container and to indicate the on and off states. Current color applied to the <code>stroke</code> and <code>fill</code> properties of the <code>rect</code> elements. The following table shows how the graphical rendering changes for some high contrast options. </p>

<table aria-labelledby="currentcolor-example-screenshots" class="data">
<table class="data">
<caption>Button Switch Example with Selected High Contrast User Settings in Windows 11</caption>
<thead>
<tr>
Expand Down Expand Up @@ -720,7 +720,7 @@ <h3>Benefits of SVG Graphics</h3>

<p>Note: Be sure to include <code>forced-color-adjust=auto</code> CSS property on SVG elements, due to inconsistencies in browsers setting the default value to <code>auto</code>.</p>

<table aria-labelledby="graphics-summary" class="data">
<table class="data">
<caption>Summary of SVG vs. Bit-Mapped Features</caption>
<thead>
<tr>
Expand Down

0 comments on commit 4835e61

Please sign in to comment.