Skip to content

Commit 7c233e1

Browse files
committed
Fix HTML validation issue in toggle button description
modified aria-practices.html: Removed quote characters from the toggle button description and replaced them with named entities `"`.
1 parent cab8678 commit 7c233e1

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

aria-practices.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -318,8 +318,8 @@ <h3>Button</h3>
318318
To tell assistive technologies that a button is a toggle button, specify a value for the attribute <a href="#aria-pressed" class="state-reference">aria-pressed</a>.
319319
For example, a button labeled mute in an audio player could indicate that sound is muted by setting the pressed state true.
320320
<strong>Important:</strong> it is critical the label on a toggle does not change when its state changes.
321-
In this example, when the pressed state is true, the label remains Mute so a screen reader would say something like Mute toggle button pressed.
322-
Alternatively, if the design were to call for the button label to change from Mute to Unmute, the aria-pressed attribute would not be needed.
321+
In this example, when the pressed state is true, the label remains &quot;Mute&quot; so a screen reader would say something like &quot;Mute toggle button pressed&quot;.
322+
Alternatively, if the design were to call for the button label to change from &quot;Mute&quot; to &quot;Unmute,&quot; the aria-pressed attribute would not be needed.
323323
</li>
324324
<li>Menu button: as described in the <a href="#menubutton">menu button pattern</a>, a button is revealed to assistive technologies as a menu button if it has the property <a href="#aria-haspopup" class="property-reference">aria-haspopup</a> set to <code>true</code>.</li>
325325
</ul>

0 commit comments

Comments
 (0)