Les cadres doivent avoir un nom accessible

ID de règle: frame-title
Ensemble de règles: axe-core 4.13
Impact sur l’utilisateur: Sérieux
Lignes directrices: WCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), Section 508, Trusted Tester, EN 301 549, RGAA

Créez des sites Web plus accessibles avec axe DevTools Pro

Recherchez et corrigez davantage de problèmes avec les tests guidés intelligents™ en répondant à une série de questions simples sur le contenu de votre page. Essai gratuit. Aucune carte de crédit nécessaire.

Compliance Data & Impact

User Impact

Disabilities Affected

  • Aveugle
  • Surdicécité
  • Mobilité

Standard(s)

  • WCAG 2.1 (A)
  • WCAG 2.0 (A)
  • WCAG 2.2 (A)
  • Section 508
  • Trusted Tester
  • EN 301 549
  • RGAA

Critères de réussite WCAG [WCAG 2.1 (A)]

  • 4.1.2: Name, Role, Value

Critères de réussite WCAG [WCAG 2.0 (A)]

  • 4.1.2: Name, Role, Value

Critères de réussite WCAG [WCAG 2.2 (A)]

  • 4.1.2: Name, Role, Value

Directives de la section 508

  • 1194.22: Web based intranet and Internet Information & Applications
  • 1194.22 (i): Frames shall be titled with text that facilitates frame identification and navigation.

Directives pour les testeurs de confiance

  • 12.D: The combination of accessible name and description for each <iframe> describes its content.

EN 301 549 Directives

  • 9.4.1.2: Name, Role, Value

RGAA

  • 2.1.1: Each frame has a frame title.

Comment résoudre le problème

Assurez-vous que tous les éléments frame et iframe ont des valeurs d'attribut de titre valides.

Vous pouvez ajouter un attribut de titre à un élément de cadre comme suit :

<iframe ... title="myFrame"> frame body </iframe>

De plus, la meilleure pratique consiste à donner au document ci-joint un élément title avec un contenu identique à l'attribut titre. Certains lecteurs d'écran remplaceront le contenu de l'attribut titre sur le cadre par le contenu de l'élément title à l'intérieur du cadre. Par conséquent, il est plus sûr et plus accessible d’avoir le même texte aux deux endroits.

Un bon titre est bref, clair, informatif et unique. Assurez-vous que le title document contient un texte court et descriptif résumant le contenu de la page. Pour respecter cette règle, il ne suffit pas d'avoir simplement un title élément ; l'élément doit également contenir du texte significatif.

Bonnes pratiques lors de la rédaction de titres de cadres

  • Remplacez les titres d'espace réservé tels que untitled page par une expression plus appropriée
  • Rendez chaque titre unique : ne dupliquez pas les titres sur plusieurs pages, même s'ils sont similaires.
  • Mettez toutes les informations uniques en premier. Si vous souhaitez inclure le nom ou la marque de l'entreprise dans le titre, ces informations doivent figurer après le contenu unique. Sinon, les utilisateurs de lecteurs d’écran devront écouter ces informations encore et encore pendant qu’ils recherchent la page qui les intéresse.
  • Faites en sorte que le titre de la page corresponde au titre supérieur (idéalement étiqueté comme h1) de votre page. Ces derniers n'ont pas besoin d'être identiques, mais il est souvent judicieux de les rendre très similaires, puisque les éléments title et h1 servent essentiellement le même objectif.

Pourquoi c'est important

Les utilisateurs de lecteurs d'écran s'appuient sur un titre de cadre pour décrire le contenu du cadre frame. Naviguer à travers les éléments frame et iframe devient rapidement difficile et déroutante pour les utilisateurs de cette technologie si le balisage ne contient pas d'attribut title .

Les utilisateurs de lecteurs d'écran ont la possibilité d'ouvrir une liste de titres pour tous les cadres d'une page. L'ajout de titres descriptifs et uniques permet aux utilisateurs de trouver rapidement le cadre dont ils ont besoin. Si aucun titre n’est présent, la navigation dans les cadres peut rapidement devenir difficile et déroutante. Si aucun titre n'est répertorié, les lecteurs d'écran donneront à la place des informations telles que « frame », « JavaScript », le nom du fichier ou l'URL. Dans la plupart des cas, ces informations ne seront pas très utiles.

Description de la règle

Tous les frame ou iframe éléments du document doivent avoir un titre qui n'est pas vide pour décrire leur contenu aux utilisateurs de lecteurs d'écran.

L'algorithme (en termes simples)

Assurez-vous que tous les iframe et frame éléments contiennent un attribut de titre unique et non vide.

Ressources

Autres ressources

Vous pouvez également consulter ces autres ressources.

Reportez-vous à la liste complète des règles d'axe 4.13 .

Ces informations vous ont-elles été utiles ?

Vous avez déjà donné votre avis, merci..

Votre réponse a été la suivante :

Ces informations vous ont-elles été utiles ?
Date/heure de soumission des commentaires :