Lister les boutons d'interface utilisateur

Les listes de définitions peuvent contenir des images permettant de détailler la signification des boutons et des graphiques.

La construction sémantique la plus appropriée pour décrire une liste de commandes d'interface utilisateur (les boutons, par exemple) est la liste de définitions. Un élément liste de définitions (dl) contient un ou plusieurs éléments entrée de définition (dlentry), chacun composé d'un élément terme de définition (dt) et d'un élément description de définition (dd). Pour illustrer les explications sur les fonctionnalités d'un bouton, d'une commande ou de tout autre graphique, vous pouvez insérer une image au sein de l'élément terme de définition (dt).

Voici un exemple de liste de définitions :
<dl>
 <dlentry>
  <dt><image href="sample_button.png" /></dt>
  <dd>Permet d'ouvrir le répertoire associé au dossier contenant le document.</dd>
 </dlentry>
</dl>

Dans certains cas, par exemple lorsque l'on décrit un choix possible entre plusieurs boutons à une étape particulière d'une tâche, utiliser l'élément choicetable peut se révéler plus approprié. Dans d'autres cas, notamment lorsque la structure du contenu se compose d'éléments plus complexes qu'une simple image accompagnée d'une description, il est possible d'utiliser un tableau.