accessibilite.numerique.gouv.fr
accessibilite.numerique.gouv.fr copied to clipboard
Critère 10.1.2
Il est possible d'utiliser les attributs width
et height
pour l'élément <source>
.
Exemple :
<picture>
<source media="(max-width: 420px)" srcset="mon-image.webp" type="image/webp" width="380" height="240">
<img src="mon-image.png" alt="..." width="600" height="400">
</picture>
Plus d'informations : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#height
Hors l'usage de ces attributs déclenche l'invalidation du critère 10.1.2 puisque la méthodologie ne prend pas ces exceptions en compte. https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#10
Nous nous posons la même question. Un audit d'accessibilité sur l'un de nos projets met en avant cette remarque, alors que le tag et ses attributs sont corrects d'un point de vue HTML.