Skip to content

Commit 69c7588

Browse files
carmacleodmcking65
authored andcommitted
Add Accessibilty Features section to Select-only combobox example
1 parent 7efa6e5 commit 69c7588

File tree

1 file changed

+14
-0
lines changed

1 file changed

+14
-0
lines changed

examples/combobox/combobox-select-only.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -67,6 +67,20 @@ <h2 id="ex_label">Example</h2>
6767
<div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
6868
</section>
6969

70+
<section>
71+
<h2>Accessibility Features</h2>
72+
<p>While functionally similar to an HTML select element, there are places where this example diverges from HTML select behavior.</p>
73+
<ol>
74+
<li>
75+
To allow the user to see what is in the listbox, this example opens the listbox when the user types printable characters.
76+
</li>
77+
<li>
78+
To give the user the ability to explore the values with the arrow keys and then cancel and keep the previous value,
79+
this example selects on Space, Enter, or loss of focus, and can be cancelled with Escape.
80+
</li>
81+
</ol>
82+
</section>
83+
7084
<section>
7185
<h2 id="kbd_label">Keyboard Support</h2>
7286
<p>

0 commit comments

Comments
 (0)