Les boîtes de dialogue 2/2

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.

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">
            ...