RGAA 3.0

1. Images Principe WCAG : Perceptible Recommandation : Donner à chaque image porteuse d'information une alternative textuelle pertinente et une description détaillée si nécessaire. Lier les légendes à leurs images. Remplacer les images textes par du texte stylé lorsque c'est possible. Critère 1.1 [A] Chaque image a-t-elle une alternative textuelle ? Principe WCAG : Perceptible • Test 1.1.1 : Chaque image (balise img ) a-t-elle un attribut alt ? • Test 1.1.2 : Chaque zone (balise area ) d'une image réactive a-t-elle un attribut alt ? • Test 1.1.3 : Chaque bouton de type image (balise input avec l'attribut type="image" ) a-t-il un attribut alt ? • Test 1.1.4 : Chaque zone cliquable d'une image réactive coté serveur est-t-elle doublée d'un lien dans la page ? Correspondances WCAG 2.0 Critère(s) de succès WCAG 2.0 : 1.1.1 Technique(s) suffisante(s) et/ou échec(s) WCAG 2.0 : H36 - H37 - H53 - H24 - F65 Critère 1.2 [A] Pour chaque image de décoration ayant une alternative textuelle , cette alternative est-elle vide ? Principe WCAG : Perceptible • Test 1.2.1 : Chaque image (balise img ) de décoration , sans légende , et ayant un attribut alt , vérifie-t-elle ces conditions ? • Le contenu de l'attribut alt est vide ( alt="" ). • L'image de décoration ne possède pas d'attribut title . • La balise img est dépourvue de rôle, propriété ou état ARIA visant à labelliser l'image ( aria-label , aria-describedby , aria-labelledby par exemple). • Test 1.2.2 : Chaque zone non cliquable (balise area sans attribut href ) de décoration , et ayant un attribut alt , vérifie-t-elle ces conditions ? • Le contenu de l'attribut alt est vide ( alt="" ). • La zone non cliquable ne possède pas d'attribut title . • La balise area est dépourvue de rôle, propriété ou état ARIA visant à labelliser l'image ( aria-label , aria-describedby , aria-labelledby par exemple). RGAA 3 2017 – Référentiel technique 13/135