diff --git a/src/en/articles/dialogs/2/index.njk b/src/en/articles/dialogs/2/index.njk index 75d80323a..44ca8e24f 100644 --- a/src/en/articles/dialogs/2/index.njk +++ b/src/en/articles/dialogs/2/index.njk @@ -3,6 +3,7 @@ title: "Dialogs 2/2" abstract: "Example of an accessible dialog (part 2)." titleBeforeTag: true date: "2018-01-03" +updateDate: "2025-07-19" tags: - component css: @@ -43,7 +44,7 @@ js:
- +
diff --git a/src/fr/articles/boites-de-dialogue/2/index.njk b/src/fr/articles/boites-de-dialogue/2/index.njk index 733ee3a38..0a6377b35 100644 --- a/src/fr/articles/boites-de-dialogue/2/index.njk +++ b/src/fr/articles/boites-de-dialogue/2/index.njk @@ -3,6 +3,7 @@ title: "Les boîtes de dialogue 2/2" abstract: "Exemple de boite de dialogue accessible (partie 2)." titleBeforeTag: true date: "2018-01-03" +updateDate: "2025-07-19" tags: - component css: @@ -12,12 +13,12 @@ js: ---

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.

+

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.

-

+

- +
@@ -51,7 +52,7 @@ js:

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.

+

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>