aria-label sur des div ayant le role="group".

Hypothèse

Test

Ceci est un test

Ceci est un lien

Ceci est un test (2)

Ceci est un lien (2)

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 aria-label n'est pas annoncé (navigation avec les flèches);
  • Le role="group" n'est pas annoncé (navigation avec les flèches);
  • Le role="group" est annoncé (navigation par tabulation);
  • Le contenu du aria-label est annoncé sur la division avec l'attribut tabindex (navigation par tabulation).
  • Le contenu du aria-label n'est pas annoncé (navigation avec les flèches);
  • Le role="group" n'est pas annoncé (navigation avec les flèches);
  • Le role="group" est annoncé (navigation par tabulation);
  • Le contenu du aria-label est annoncé sur la division avec l'attribut tabindex (navigation par tabulation).
  • Le contenu du aria-label est annoncé (navigation avec les flèches);
  • Le role="group" n'est pas annoncé (navigation avec les flèches);
  • Le role="group" n'est pas annoncé (navigation par tabulation);
  • Le contenu du aria-label est annoncé sur la division avec l'attribut tabindex (navigation par tabulation).
  • Le contenu du aria-label est annoncé (navigation avec les flèches);
  • Le role="group" n'est pas annoncé (navigation avec les flèches);
  • Le role="group" est annoncé (navigation par tabulation);
  • Le contenu du aria-label est annoncé sur la division avec l'attribut tabindex (navigation par tabulation).
Non applicable
Windows 10 Firefox 60
  • Le contenu du aria-label n'est pas annoncé (navigation avec les flèches);
  • Le role="group" n'est pas annoncé (navigation avec les flèches);
  • Le role="group" est annoncé (navigation par tabulation);
  • Le contenu du aria-label est annoncé sur la division avec l'attribut tabindex (navigation par tabulation).
  • Le contenu du aria-label n'est pas annoncé (navigation avec les flèches);
  • Le role="group" n'est pas annoncé (navigation avec les flèches);
  • Le role="group" est annoncé (navigation par tabulation);
  • Le contenu du aria-label est annoncé sur la division sans l'attribut tabindex (navigation par tabulation).
  • Le contenu du aria-label est annoncé sur la division avec l'attribut tabindex (navigation par tabulation).
  • Le contenu du aria-label est annoncé (navigation avec les flèches);
  • Le role="group" est annoncé (navigation avec les flèches);
  • Le role="group" est annoncé (navigation par tabulation);
  • Le contenu du aria-label est annoncé sur la division avec l'attribut tabindex (navigation par tabulation).
  • Le contenu du aria-label est annoncé (navigation avec les flèches);
  • Le role="group" n'est pas annoncé (navigation avec les flèches);
  • Le role="group" est annoncé (navigation par tabulation);
  • Le contenu du aria-label est annoncé sur la division avec l'attribut tabindex (navigation par tabulation).
Non applicable
Windows 10 Microsoft Edge 41.16299.402.0
  • Le contenu du aria-label n'est pas annoncé (navigation avec les flèches);
  • Le role="group" n'est pas annoncé (navigation avec les flèches);
  • Le role="group" est annoncé (navigation par tabulation);
  • Le contenu du aria-label est annoncé sur la division avec l'attribut tabindex (navigation par tabulation).
  • Le contenu du aria-label n'est pas annoncé (navigation avec les flèches);
  • Le role="group" n'est pas annoncé (navigation avec les flèches);
  • Le role="group" est annoncé (navigation par tabulation);
  • Le contenu du aria-label est annoncé sur la division sans l'attribut tabindex (navigation par tabulation).
  • Le contenu du aria-label est annoncé sur la division avec l'attribut tabindex (navigation par tabulation).
  • Le contenu du aria-label n'est pas annoncé (navigation avec les flèches);
  • Le role="group" n'est pas annoncé (navigation avec les flèches);
  • Le role="group" n'est pas annoncé (navigation par tabulation);
  • Le contenu du aria-label est annoncé sur la division avec l'attribut tabindex (navigation par tabulation).
  • Rien n'est annoncé.
Non applicable
Windows 10 Internet Explorer 11
  • Le contenu du aria-label n'est pas annoncé (navigation avec les flèches);
  • Le role="group" n'est pas annoncé (navigation avec les flèches);
  • Le role="group" est annoncé (navigation par tabulation);
  • Le contenu du aria-label est annoncé sur la division avec l'attribut tabindex (navigation par tabulation).
  • Le contenu du aria-label n'est pas annoncé (navigation avec les flèches);
  • Le role="group" n'est pas annoncé (navigation avec les flèches);
  • Le role="group" est annoncé (navigation par tabulation);
  • Le contenu du aria-label est annoncé sur la division sans l'attribut tabindex (navigation par tabulation).
  • Le contenu du aria-label est annoncé sur la division avec l'attribut tabindex (navigation par tabulation).
  • Rien n'est annoncé.
  • Rien n'est annoncé.
Non applicable
OSX Chrome 66 Non applicable Non applicable Non applicable Non applicable
  • Le contenu du aria-label est annoncé dans la navigation par flèche, ainsi qu'à la tabulation
  • Le role="group"est annoncé
  • Le groupe et son aria-label est annoncé autant à l'entrée qu'à la sortie du groupe
OSX Firefox 60.0.1 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 annoncé dans la navigation par flèche, ainsi qu'à la tabulation
  • Le role="group"est annoncé
  • Le groupe et son aria-label est annoncé autant à l'entrée qu'à la sortie du groupe
Système d'exploitation Navigateur Talkback VoiceOver
Android 8.1.0 Chrome
  • Le contenu du aria-label n'est pas annoncé;
  • Le role="group" n'est pas annoncé;
  • Le contenu du aria-label est annoncé sur la division avec l'attribut tabindex.
Non applicable
iOS 11.3.1 Safari Non applicable
  • Le contenu du aria-label n'est pas annoncé;
  • Le role="group" n'est pas annoncé.
iOS 11.3.1 Chrome Non applicable
  • Le contenu du aria-label n'est pas annoncé;
  • Le role="group" n'est pas annoncé.

Retourner à l'index