aria-label sur des cases à cocher

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 par 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 par 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 par 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 par 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 par 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 par 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
  • lors de la navigation avec les flèches, le «vrai» label est lu, étant donné qu'il existe dans le DOM et n'est pas caché
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 10 Non applicable Non applicable Non applicable Non applicable
  • Le contenu du aria-label est lu;
  • Le «vrai» contenu du label n'est pas lu.
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