Critères impactés : 3.3 [AA] et 3.4 [AAA]
Critère 3.3 [AA] Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?
Implémentation de la technique WCAG G174
Critère impacté : 7.1 [A]
Critère 7.1 [A] Chaque script est-il, si nécessaire, compatible avec les technologies d'assistance ?
Critère impacté : 7.1 [A]
Critère 7.1 [A] Chaque script est-il, si nécessaire, compatible avec les technologies d'assistance ?
Critère impacté : 11.5 [A]
<div role="group" aria-label="" | title="" |
aria-labelledby="foo">
<p id="foo">legende</p>
[...]
<div>
Critère impacté : 11.5 [A], 11.6 [A], 11.7 [A]
Cette utilisation était déjà possible en RGAA 3.2016, elle est précisée explicitement via le glossaire :
Il s'agit d'un ou de plusieurs passages de texte identifiés par desid
et liés pararia-labelledby
ouaria-describedby
sur le modèle suivant :aria-labelledby="ID1 ID2 ID3…"
.
Critère impacté : 3.3 [AA], 3.4 [AAA]
Cas particulier critères 3.3 - 3.4
- Le texte fait partie d'un élément interactif (par exemple un bouton avec l'attribut
disabled
) sur lequel aucune action n'est possible et qui n'apporte pas une information essentielle.
aria-labelledby
ou aria-label
RGAA 3.2016 obligeait à avoir une étiquette visible lorsque la propriété aria-label
était utilisé ou lorsque la propriété aria-labelledby
liait un texte masqué.
<input type="text" aria-label="rechercher" />
<input stype="submit" value="rechercher" />
Critère impacté : 11.1 [A]
Le nouveau test ajoute "Si nécessaire"
- Test 11.1.4 : Chaque champ de formulaire qui utilise une propriété ARIA
aria-label
ouaria-labelledby
est-il, si nécessaire, accompagné d'un passage de texte visible et accolé au champ permettant de comprendre la nature de la saisie attendue ?
<svg role="img" aria-label="[alternative]">
<title>[alternative]</title>
[...]
</svg>
Critère impacté : 1.3 [A], 1.4 [A], 1.6 [A]
title
à la place de desc
dans un svg
- La balise
svg
possède une balisetitle
dont le contenu est pertinent et contient un passage de texte identique à la propriétéaria-label
et à l'attributtitle
de la balisesvg
s'il est présent.
Critère impacté : 6.3 [AAA]
Il s'agit d'une simple correction. Dans RGAA 3.2016, le mécanisme de remplacement était réservé aux liens texte.
- Test 6.3.2 : Chaque lien image vérifie-t-il une de ces conditions (hors cas particuliers) ?
- L'intitulé du lien image est explicite hors contexte.
- Un mécanisme permet à l'utilisateur d'obtenir un intitulé de lien explicite hors contexte.
- Le contenu du titre de lien (attribut title) est explicite hors contexte.
Critère impacté : 12.10 [A]
Ils permettaient de contrôler l’implémentation des groupes de liens dans un élément commun, la présence d’un attribut id ou d’une ancre sur les groupes de liens et la zone de contenu.
Ces trois tests correspondaient à la technique WCAG H50 qui ne fait plus partie des techniques de succès WCAG.
Ils sont devenus inutiles avec l'obligation des landmarks HTML5.
Touche | Action |
---|---|
Espace ; Flèche droite | Page suivante |
MAJ + Espace ; Flèche gauche | Page précédente |
Début | Première page |
Fin | Dernière page |
ALT + 0 (zéro) | Sommaire |