Dialogs 2/2
Associated themes :Introduction
Here is another dialog example that, instead of displaying a message, will ask the user to select a folder among a list.
Example
Here is the final result of this example.
Move files to:
My files
My added files
Misc
Summer music
Travel photos
Spain
Mountain bike
Folder 1
Folder 2
Folder 3
Implementation
Not many changes from the first dialog example, but in this case we use a list. Make sure to use a relevant labelling using the attribute aria-labelledby
.
<p id="list-label">My files</p>
<div role="listbox" tabindex="0" class="defaultFocus" aria-labelledby="list-label">
...