From df82bcd9dcfa4cb7053950ba950ba306d60f374f Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Thu, 11 Nov 2021 07:53:42 +0100 Subject: Prepare Accessibility section for Markdown conversion (#2975) * Remove summary and seoSummary * Fix hidden blocks * Remove spans * Remove notranslate * Remove extra ids * Fixing links * Fixing another link * Fixing headings with name * Fix one offs and other isolated issues * Fix warnings * Fix notes * fix absolute and english links * fix images --- .../web/accessibility/aria/roles/button_role/index.html | 17 ++++++----------- 1 file changed, 6 insertions(+), 11 deletions(-) (limited to 'files/fr/web/accessibility/aria/roles/button_role') diff --git a/files/fr/web/accessibility/aria/roles/button_role/index.html b/files/fr/web/accessibility/aria/roles/button_role/index.html index 23a3e0bc2e..1ededd8194 100644 --- a/files/fr/web/accessibility/aria/roles/button_role/index.html +++ b/files/fr/web/accessibility/aria/roles/button_role/index.html @@ -11,7 +11,7 @@ tags: translation_of: Web/Accessibility/ARIA/Roles/button_role original_slug: Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_rôle_button --- -

Le rôle button devrait être utilisé pour les éléments cliquables qui déclenchent une réponse lorsqu'activés par l'utilisateur. Ajouter role="button" permettra à un élément d'apparaître comme un bouton de contrôle pour un lecteur d'écran. Ce rôle peut être utilisé avec l'attribut aria-pressed afin de créer des boutons interrupteurs.

+

Le rôle button devrait être utilisé pour les éléments cliquables qui déclenchent une réponse lorsqu'activés par l'utilisateur. Ajouter role="button" permettra à un élément d'apparaître comme un bouton de contrôle pour un lecteur d'écran. Ce rôle peut être utilisé avec l'attribut aria-pressed afin de créer des boutons interrupteurs.

<div id="saveChanges" tabindex="0" role="button" aria-pressed="false">Enregistrer</div>
@@ -20,7 +20,7 @@ original_slug: Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_rôle_button 
<button id="saveChanges">Enregistrer</button>
-

Note : Si on utilise role="button" plutôt que les éléments sémantiques <button> ou <input type="button">, il faudra : permettre à l'élément de recevoir le focus, définir des gestionnaires d'évènements pour click et keydown, y compris la gestion des touches Entrée et Espace, afin de traiter la saisie de l'utilisateur. Voir l'exemple de code officiel de WAI-ARIA.

+

Note : Si on utilise role="button" plutôt que les éléments sémantiques <button> ou <input type="button">, il faudra : permettre à l'élément de recevoir le focus, définir des gestionnaires d'évènements pour click et keydown, y compris la gestion des touches Entrée et Espace, afin de traiter la saisie de l'utilisateur. Voir l'exemple de code officiel de WAI-ARIA.

Description

@@ -248,8 +248,8 @@ function toggleButton(element) {

Les boutons sont des contrôles interactifs et, à ce titre, peuvent recevoir le focus. Si le rôle button est ajouté à un élément qui ne peut recevoir le focus nativement (comme <span>, <div> ou <p>), l'attribut tabindex devra être utilisé afin de permettre le focus sur le bouton.

-
-Attention ! Lorsqu'on utilise des liens avec le rôle button, il faut rajouter un gestionnaire d'évènement pour la touche Espace. En effet, les boutons s'activent avec Espace ou Entrée tandis que, nativement, les liens ne se déclenchent qu'avec Entrée.

+
+

Attention : Lorsqu'on utilise des liens avec le rôle button, il faut rajouter un gestionnaire d'évènement pour la touche Espace. En effet, les boutons s'activent avec Espace ou Entrée tandis que, nativement, les liens ne se déclenchent qu'avec Entrée.

Lorsqu'on utilise le rôle button, les lecteurs d'écran annonce l'élément comme un bouton, généralement en énonçant « clic » suivi du nom accessible du bouton. Le nom accessible correspond au contenu de l'élément ou à la valeur de aria-label ou à l'élément référencé avec l'attribut aria-labelledby, ou à une description si elle existe.

@@ -297,10 +297,5 @@ function toggleButton(element) {
  • Notes sur l'utilisation d'ARIA en HTML
  • Exemple de code officiel WAI-ARIA
  • Rôle ARIA menubutton
    • - - - +
  • Rôles WAI-ARIA{{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
    • + \ No newline at end of file -- cgit v1.2.3-54-g00ecf