<img src="pictogramme_handicap_visuel.png" alt="Pictogramme pour le handicap visuel.">
Réponse b
Dans l'attribut alt, on écrit normalement en français. Veillez notamment à finir la phrase avec un point « . » pour favoriser la fluidité de lecture par les logiciels de synthèse vocale.
4
À utiliser l'attribut aria aria-describedby faisant référence à un id posé sur l’élément qui décrira l’image.
À utiliser l'attribut longdesc avec tout le contenu descriptif de l'image.
À proposer le texte descriptif à côté de l’image, quitte à le masquer via CSS au départ et à proposer un mécanise dynamique pour le rendre apparent.
Réponse c
Les attributs aria-describedby et longdesc
Réponse c
L'image SVG est considérée comme décorative ; elle sera donc implémentée comme telle. Le libellé du lien étant visible et explicite, il n'y a pas besoin de rajouter un attribut title sur le lien.
7
Vrai
Faux
Réponse a <figcaption> est facultatif.
8
<i class="fas fa-gift" class="invisible">, avec en CSS .invisible { visibility: hidden }
<i class="fas fa-gift" aria-hidden="true"></i>
Réponse b
9
<p><span class="fas fa-search" aria-hidden="true"></span><span class="visuellement-masque">Rechercher</span></p>, où la classe de style « visuellement-masque » masque le contenu via CSS.
Réponse a
Cette implémentation est compatble avec toutes les technologies d'assistance.
10
Une classe de style du type .fleche-droite::after {content: "→ ";}.
Un symbole masqué dans le code HTML <a href="..." title="En savoir plus sur....">En savoir plus<span aria-hidden="true"> →</span></a>.
Réponse b
Les caractères unicode sont interprétés par les logiciels de synthèse vocale comme des caractères mathématiques ; mieux vaut donc éviter leur vocalisation. De plus, tout ce qui est contenu dans la propriété content en CSS est vocalisé.