Skip to content

Commit

Permalink
fixed validation errors
Browse files Browse the repository at this point in the history
  • Loading branch information
jongund committed Oct 8, 2023
1 parent 85dae46 commit ceaa0d8
Showing 1 changed file with 2 additions and 3 deletions.
5 changes: 2 additions & 3 deletions content/patterns/slider/examples/slider-rating.html
Original file line number Diff line number Diff line change
Expand Up @@ -40,8 +40,7 @@ <h3>Warning!</h3>
</div>
<p>
Following is an example of a rating input that demonstrates the <a href="../slider-pattern.html">Slider Pattern</a>.
This rating widget employs a slider because number of rating values.
</a>
This rating widget employs a slider because number of rating values, in general when there are more than seven choices consider using the slider pattern.
</p>
<p>Similar examples include:</p>
<ul>
Expand Down Expand Up @@ -149,7 +148,7 @@ <h2>Accessibility Features</h2>
<li>
To ensure the borders of the circles and focus ring have sufficient contrast with the background when high contrast settings invert colors, the color of the borders are synchronized with the color of the text content.
For example, the color of the circle borders is set to match the foreground color of high contrast mode text by specifying the CSS <code>currentcolor</code> value for the <code>stroke</code> property of each inline SVG <code>circle</code> and <code>text</code> elements.
If specific colors were used to specify the <code>stroke</code> and <code>fill</code> properties, the color of these elements would remain the same in high contrast mode, which could lead to insufficient contrast between them and their background or even make them invisible if their color were to match the high contrast mode background.<br>
If specific colors were used to specify the <code>stroke</code> and <code>fill</code> properties, the color of these elements would remain the same in high contrast mode, which could lead to insufficient contrast between them and their background or even make them invisible if their color were to match the high contrast mode background.<br/>

Check failure on line 151 in content/patterns/slider/examples/slider-rating.html

View workflow job for this annotation

GitHub Actions / lint-html

The empty tag : [ br ] must not use self closed syntax. [error/empty-tag-not-self-closed]

Check failure on line 151 in content/patterns/slider/examples/slider-rating.html

View workflow job for this annotation

GitHub Actions / lint-html

The empty tag : [ br ] must not use self closed syntax. [error/empty-tag-not-self-closed]
Note: The SVG element needs to have the CSS <code>forced-color-adjust</code> property set to the value <code>auto</code> for the <code>currentcolor</code> value to be updated in high contrast modes.
Some browsers do not use <code>auto</code> for the default value.</li>
</ul>
Expand Down

0 comments on commit ceaa0d8

Please sign in to comment.