aria-label sur des boutons radios

Hypothèse

Test

Choix

Résultats

Système d'exploitation Navigateur NVDA 2018.1.1 NVDA 2017.4 JAWS 18 JAWS 16 VoiceOver
Windows 10 Chrome 66
  • Le contenu du label et du aria-label est lu (navigation avec les flèches);
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher (navigation par tabulation).
  • Le contenu du label et du aria-label est lu (navigation avec les flèches);
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher (navigation par tabulation).
  • Le contenu du label et du aria-label est lu (navigation avec les flèches);
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher (navigation par tabulation).
  • Le contenu du label et du aria-label est lu (navigation avec les flèches);
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher (navigation par tabulation).
Non applicable
Windows 10 Firefox 60
  • Le contenu du aria-label n'est pas lu (navigation avec les flèches);
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher (navigation par tabulation).
  • Le contenu du aria-label n'est pas lu (navigation avec les flèches);
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher (navigation par tabulation).
  • Le contenu du label et du aria-label est lu (navigation avec les flèches);
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher (navigation par tabulation).
  • Les versions du navigateur et du lecteur d'écran ne sont pas compatibles.
Non applicable
Windows 10 Microsoft Edge 41.16299.402.0
  • Le contenu du aria-label n'est pas lu (navigation avec les flèches);
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher (navigation par tabulation).
  • Le contenu du aria-label n'est pas lu (navigation avec les flèches);
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher (navigation par tabulation).
  • Le contenu de la page ne peut pas être parcouru avec les flèches;
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher (navigation par tabulation).
  • Les versions du navigateur et du lecteur d'écran ne sont pas compatibles.
Non applicable
Windows 10 Internet Explorer 11
  • Le contenu du aria-label n'est pas lu (navigation avec les flèches);
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher (navigation par tabulation).
  • Le contenu du aria-label n'est pas lu (navigation avec les flèches);
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher (navigation par tabulation).
  • Le contenu du label et du aria-label est lu (navigation avec les flèches);
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher (navigation par tabulation).
  • Le contenu du label et du aria-label est lu (navigation avec les flèches);
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher (navigation par tabulation).
Non applicable
OSX Chrome 66 Non applicable Non applicable Non applicable Non applicable
  • Le contenu du aria-label est lu
  • Le «vrai» contenu du label n'est pas lu
OSX Firefox 60 Non applicable Non applicable Non applicable Non applicable
  • Voice Over ne semble pas compatible avec cette version de FF, aucun moyen de naviguer dans la page
OSX Safari 11 Non applicable Non applicable Non applicable Non applicable
  • Le contenu du aria-label est lu
  • Le «vrai» contenu du label n'est pas lu
  • Le contenu du aria-label est lu deux fois
Système d'exploitation Navigateur Talkback VoiceOver
Android 8.1.0 Chrome
  • Le contenu du label et du aria-label est lu.
Non applicable
iOS 11.3.1 Safari Non applicable
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher.
iOS 11.3.1 Chrome Non applicable
  • Le aria-label remplace le contenu du label régulier sur les cases à cocher.

Retourner à l'index