Skip to content

Commit

Permalink
Collapsible Dropdown Listbox Example: Improve Button Label
Browse files Browse the repository at this point in the history
Per feedback from @jnurthen and @devarshipant in issue #557,
modified examples/listbox/listbox-collapsible.html.
* Added aria-labelledby on the button to pick up both the button content and the adjacent label as the label.
* Simplified the label wording.
  • Loading branch information
mcking65 committed Nov 30, 2017
1 parent bf9a694 commit 56fd415
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions examples/listbox/listbox-collapsible.html
Original file line number Diff line number Diff line change
Expand Up @@ -44,9 +44,9 @@ <h2 id="ex_label">Example</h2>
<p>Choose your favorite transuranic element (actinide or transactinide).</p>
<div class="listbox-area">
<div class="left-area">
<span id="exp_elem">Transuranium elements:</span>
<span id="exp_elem">Choose an element:</span>
<div id="exp_wrapper">
<button aria-haspopup="listbox" id="exp_button">Neptunium</button>
<button aria-haspopup="listbox" aria-labelledby="exp_elem exp_button" id="exp_button">Neptunium</button>
<ul id="exp_elem_list" tabindex="-1" role="listbox" aria-labelledby="exp_elem" class="hidden">
<li id="exp_elem_Np" role="option">Neptunium</li>
<li id="exp_elem_Pu" role="option">Plutonium</li>
Expand Down

0 comments on commit 56fd415

Please sign in to comment.