Skip to content

Commit

Permalink
Switch Example: Correct accessibility features documentation (pull #2054
Browse files Browse the repository at this point in the history
)

In accessibility features, corrected description of how state is synchronized with text representation of state.
  • Loading branch information
jongund committed Oct 10, 2021
1 parent c08b02b commit 0a000c8
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion examples/switch/switch.html
Expand Up @@ -64,7 +64,7 @@ <h2>Accessibility Features</h2>
<ul>
<li>
To make understanding the state of the switch easier for users with visual or cognitive disabilities, a text equivalent of the state (<q>on</q> or <q>off</q>) is displayed adjacent to the graphical state indicator.
CSS attribute selectors ensure the label displayed is synchronized with the value of the <code>input</code>.<br/>
CSS attribute selectors ensure the label displayed is synchronized with the value of the <code>aria-checked</code> attribute.<br/>
<strong>NOTE:</strong> To prevent redundant announcement of the state by screen readers, the text indicators of state are hidden from assistive technologies with <code>aria-hidden</code>.
</li>
<li>Spacing, border widths and fill are important to ensure the graphical states are visible and discernible to people with visual impairments, including when browser or operating system high contrast settings are enabled:
Expand Down

0 comments on commit 0a000c8

Please sign in to comment.