Pour une accessibilité correcte, comment dois-je nommer un iframe?
Nous avons récemment commencé à utiliser Google Tag Manager sur notre site, ainsi qu'à utiliser un outil qui teste l'accessibilité.
L'exécution de notre site contre WCAG 2.0 niveau A entraîne une erreur (WCAG 2.0 niveau A 2.4.1 et 4.1.2) en ce qui concerne le iframe généré par Google Tag Manager.
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
Les titres de cadre sont un peu nouveaux pour moi, alors quelle est la recommandation sur le titre de cet élément? Les éléments HTML img autorisent un attribut alt/title vide (<img src="cosmetic-image.jpg" alt="" />); pouvons-nous faire de même ici, ou cela a-t-il un impact sur l'accessibilité pour les utilisateurs?
Pour, espérons-le, ajouter un peu plus de clarté sur ce que je recherche, pour un utilisateur ayant des besoins d'accessibilité, comment puis-je indiquer qu'un iframe/frame ne fournit aucun contenu que l'utilisateur devrait lire/utiliser?
Mon sentiment initial était de mettre `` Google Tag Manager '' comme titre, mais l'utilisateur moyen ne comprendra pas cela, par rapport à s'il y avait du contenu et je mettais `` Navigation globale '', `` Contenu principal '' ou similaire.
(Ignorer l'erreur signalée par votre outil de vérification, qui peut ou non être une erreur réelle.)
Si vous souhaitez indiquer que le contenu iframe n'est pas significatif (c'est-à-dire uniquement décoratif/de présentation), vous pouvez utiliser le presentation role de WAI-ARIA.
En HTML5, l'élément iframe peut avoir l'un de ces rôles WAI-ARIA:application, document, img, presentation.
Comme le souligne Ville Niemi dans les commentaires, le aria-hidden state devrait être utilisé à la place (car vous semblez masquer le iframe avec CSS). L'ajout d'un rôle n'est alors pas nécessaire, car peu importe le rôle de quelque chose s'il n'est pas perceptible en premier lieu.
En ce qui concerne les navigateurs, le titre d'un élément iframe <iframe title="Web Page Title"> est exactement le même que le titre d'une page Web <head><title>Web Page Title</title></head>
Vous pouvez trouver les informations que vous recherchez dans le fil suivant.