aria-label sur des éléments non interactifs (div, p, li, ul)

Hypothèse

Test

Ceci est un test, div (non focussable)

Ceci est un lien

Ceci est un test, paragraphe (non focussable)

Ceci est un test (le div est focussable)

Ceci est un lien

Ceci est un test (Le p est focussable)

Résultats

Système d'exploitation Navigateur NVDA 2018.1.1 NVDA 2017.4 JAWS 18 JAWS 16 VoiceOver
Windows 10 Chrome 66
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la division qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur le paragraphe qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur l'élément de liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur le paragraphe qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui peut recevoir le focus (navigation par tabulation);
Non applicable
Windows 10 Firefox 60
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur le paragraphe qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur le paragraphe qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur l'élément de liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus (navigation par tabulation);
  • Le lecteur d'écran et la version de Firefox sont incompatibles.
Non applicable
Windows 10 Microsoft Edge 41.16299.402.0
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation par tabulation);
  • Le paragraphe qui ne peut pas recevoir le focus est ignoré.
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la division qui peut recevoir le focus (navigation par tabulation);
  • Le paragraphe qui peut recevoir le focus est ignoré.
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur l'élément de liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation par tabulation);
  • Le paragraphe qui ne peut pas recevoir le focus est ignoré.
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la division qui peut recevoir le focus (navigation par tabulation);
  • Le paragraphe qui peut recevoir le focus est ignoré.
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur l'élément de liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la division qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur le paragraphe qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur l'élément de liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus (navigation par tabulation);
  • Le lecteur d'écran et la version de Microsoft Edge sont incompatibles.
Non applicable
Windows 10 Internet Explorer 11
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la division qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur le paragraphe qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur l'élément de liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur le paragraphe qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur l'élément de liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur le paragraphe qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la liste qui ne peut pas recevoir le focus (navigation avec les flèches);
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la division qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur le paragraphe qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur l'élément de liste qui peut recevoir le focus (navigation par tabulation);
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus (navigation avec les flèches);
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus (navigation par tabulation);
  • Le lecteur d'écran et la version Internet Explorer 11 sont incompatibles.
Non applicable
OSX Chrome 66 Non applicable Non applicable Non applicable Non applicable
  • Le contenu du aria-label est lu dans tout les cas
  • Dans le cas des div, des p et des li, l'élément est également annoncé comme étant un groupe et se comporte comme tel (annoncé à l'entrée et à la sortie). Pour les ul, annoncé comme une liste (pas groupe)
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 dans tout les cas
  • Dans le cas des div, des p et des li, l'élément est également annoncé comme étant un groupe et se comporte comme tel (annoncé à l'entrée et à la sortie). Pour les ul, annoncé comme une liste (pas groupe)
Système d'exploitation Navigateur Talkback VoiceOver
Android 8 Chrome
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus;
  • Le aria-label est annoncé sur le paragraphe qui ne peut pas recevoir le focus;
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus;
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus;
  • Le aria-label n'est pas annoncé sur la liste qui ne peut pas recevoir le focus;
  • Le aria-label est annoncé sur la division qui peut recevoir le focus;
  • Le aria-label est annoncé sur le paragraphe qui peut recevoir le focus;
  • Le aria-label est annoncé sur l'élément de liste qui peut recevoir le focus;
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus;
Non applicable
iOS 10.3.3 Safari Non applicable
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus;
  • Le aria-label n'est pas annoncé sur le paragraphe qui ne peut pas recevoir le focus;
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus;
  • Le aria-label n'est pas annoncé sur la liste qui ne peut pas recevoir le focus;
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus;
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus;
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus;
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus;
iOS 10.3.3 Chrome Non applicable
  • Le aria-label n'est pas annoncé sur la division qui ne peut pas recevoir le focus;
  • Le aria-label n'est pas annoncé sur le paragraphe qui ne peut pas recevoir le focus;
  • Le aria-label n'est pas annoncé sur l'élément de liste qui ne peut pas recevoir le focus;
  • Le aria-label est annoncé sur la liste qui ne peut pas recevoir le focus;
  • Le aria-label n'est pas annoncé sur la division qui peut recevoir le focus;
  • Le aria-label n'est pas annoncé sur le paragraphe qui peut recevoir le focus;
  • Le aria-label n'est pas annoncé sur l'élément de liste qui peut recevoir le focus;
  • Le aria-label est annoncé sur la liste qui peut recevoir le focus;

Retourner à l'index