role="heading" et aria-level pour dépasser les niveaux d'en-tête

Hypothèse

Test

En-tête de section sans niveau

En-tête de section de niveau 2

En-tête de section de niveau 300

Résultats

Système d'exploitation Navigateur NVDA 2017.2 NVDA 2017.1 JAWS 18 JAWS 16 VoiceOver
Windows 10 Chrome 60
  • Le lecteur d'écran interprète chaque élément comme étant un en-tête.
  • Le lecteur d'écran interprète l'attribut aria-level pour les niveaux existants en html. Les niveaux supérieur sont annoncés comme étant de niveau 1. S'il n'y a pas de niveau, c'est annoncé comme étant simplement un en-tête.
  • Le texte de l'en-tête est lu.
  • Le lecteur d'écran interprète chaque élément comme étant un en-tête.
  • Le lecteur d'écran interprète l'attribut aria-level pour les niveaux existants en html. Les niveaux supérieur sont annoncés comme étant de niveau 1. S'il n'y a pas de niveau, c'est annoncé comme étant simplement un en-tête.
  • Le texte de l'en-tête est lu.
  • À tester
  • À tester
  • À tester
  • À tester
Non applicable
Windows 10 Firefox 55
  • Le lecteur d'écran interprète chaque élément comme étant un en-tête.
  • Le lecteur d'écran interprète l'attribut aria-level. S'il n'y a pas de niveau, c'est annoncé comme étant simplement un en-tête.
  • Le texte de l'en-tête est lu.
  • Le lecteur d'écran interprète chaque élément comme étant un en-tête.
  • Le lecteur d'écran interprète l'attribut aria-level. S'il n'y a pas de niveau, c'est annoncé comme étant simplement un en-tête.
  • Le texte de l'en-tête est lu.
  • À tester
  • À tester
  • À tester
  • À tester
Non applicable
Windows 10 Microsoft Edge 38.14393.1066.0
  • Le lecteur d'écran interprète chaque élément comme étant un en-tête.
    • Pour l'en-tête sans aria-level, le lecteur d'écran annonce:"titre niveau 2, titre de niveau 1, en-tête de section sans niveau"
    • Pour l'en-tête avec l'attribut aria-level="2", le lecteur d'écran annonce:"titre niveau 2, titre de niveau 2, en-tête de section de niveau 2"
    • Pour l'en-tête avec l'attribut aria-level="300", le lecteur d'écran annonce:"titre niveau 300, titre de niveau 6, en-tête de section de niveau 300"
  • Le texte de l'en-tête est lu.
  • Le lecteur d'écran interprète chaque élément comme étant un en-tête.
    • Pour l'en-tête sans aria-level, le lecteur d'écran annonce:"titre niveau 2, titre de niveau 1, en-tête de section sans niveau"
    • Pour l'en-tête avec l'attribut aria-level="2", le lecteur d'écran annonce:"titre niveau 2, titre de niveau 2, en-tête de section de niveau 2"
    • Pour l'en-tête avec l'attribut aria-level="300", le lecteur d'écran annonce:"titre niveau 300, titre de niveau 6, en-tête de section de niveau 300"
  • Le texte de l'en-tête est lu.
  • À tester
  • À tester
Non applicable
Windows 10 Internet Explorer 11
  • À tester
  • À tester
  • À tester
  • À tester
  • À tester
  • À tester
  • À tester
  • À tester
Non applicable
OSX Chrome 60 Non applicable Non applicable Non applicable Non applicable
  • Le lecteur d'écran interprète chaque élément comme étant un en-tête.
  • Le lecteur d'écran interprète l'attribut aria-level pour les niveaux existants en html. Les niveaux supérieur sont annoncés comme étant de niveau 1. S'il n'y a pas de niveau, c'est annoncé comme étant simplement un en-tête.
  • Le texte de l'en-tête est lu.
OSX Firefox 55 Non applicable Non applicable Non applicable Non applicable
  • Le lecteur d'écran annonce chaque élément comme étant "AXheading"
  • Le lecteur d'écran n'interprète aucun niveau.
  • Le texte de l'en-tête est lu.
OSX Safari 10 Non applicable Non applicable Non applicable Non applicable
  • Le lecteur d'écran annonce chaque élément comme étant un en-tête.
  • Le lecteur d'écran interprète l'attribut aria-level. S'il n'y a pas d'aria-level, c'est annoncé comme étant un en-tête de niveau 2.
  • Le texte de l'en-tête est lu.
Système d'exploitation Navigateur Talkback VoiceOver
Android 7.1.2 Chrome
Non applicable
iOS 10.3.2 Safari Non applicable
  • Le lecteur d'écran annonce chaque élément comme étant un en-tête.
  • Le lecteur d'écran interprète l'attribut aria-level. S'il n'y a pas d'aria-level, c'est annoncé comme étant un en-tête de niveau 2.
  • Le texte de l'en-tête est lu.
iOS 10.3.2 Chrome Non applicable
  • Le lecteur d'écran annonce chaque élément comme étant un en-tête.
  • Le lecteur d'écran interprète l'attribut aria-level. S'il n'y a pas d'aria-level, c'est annoncé comme étant un en-tête de niveau 2.
  • Le texte de l'en-tête est lu.

Retourner à l'index