Les boîtes de dialogue 2/2
Thématiques associées :Présentation
Voici un autre exemple de boite de dialogue qui cette fois, au lieu d’afficher un message à l’utilisateur, lui demande de sélectionner un dossier parmi une liste.
Exemple
Voici le rendu final de cet exemple.
Déplacer les éléments vers :
Mes fichiers
Mes fichiers ajoutés
Divers
Musique festivals
Photos vacances
Voyages Espagne
VTT
Dossier 1
Dossier 2
Dossier 3
Réalisation
Pas beaucoup de modifications par rapport au premier exemple sur les boîtes de dialogue, si ce n’est l’utilisation d’une listbox. Dans cas il suffit de bien veiller à étiqueter celle-ci en utilisant un attribut aria-labelledby.
<p id="list-label">Mes fichiers</p>
<div role="listbox" tabindex="0" class="defaultFocus" aria-labelledby="list-label">
...