1.1.1Niveau A1.1 Text Alternatives

Contenu non textuel

All non-text content presented to users has a text alternative that serves an equivalent purpose, with specific exceptions for controls, tests, CAPTCHA, and decorative content.

Voir la spécification W3C ↗axe: image-alt

Ce que cela signifie

Comprendre Contenu non textuel (en anglais) | Comment satisfaire à Contenu non textuel (en anglais) (Niveau A) Tout contenu non textuel présenté à l’utilisateur a un équivalent textuel qui remplit une fonction équivalente sauf dans les situations énumérées ci-dessous. Composant d’interface ou de saisie si le contenu non textuel est un composant d’interface ou s’il permet la saisie d’informations par l’utilisateur, alors il a un nom qui décrit sa fonction. (Se référer au Critère de succès 4.1.2 pour des exigences supplémentaires à propos des composants d’interfaces utilisateur ou des contenus qui permettent la saisie d’informations par l’utilisateur.) Média temporel si le contenu non textuel est un média temporel, alors l’équivalent textuel fournit au moins une identification descriptive du contenu non textuel. (Se référer à la Règle 1.2 pour des exigences supplémentaires concernant les médias temporels.) Test si le contenu non textuel est un test ou un exercice qui serait invalide s’il était présenté en texte , alors l’équivalent textuel fournit au moins une identification descriptive du contenu non textuel. Contenu sensoriel si le contenu non textuel vise d’abord à créer une expérience sensorielle spécifique , l’équivalent textuel fournit au moins une identification descriptive de ce contenu non textuel. CAPTCHA si ce contenu non textuel vise à confirmer que le contenu est consulté par une personne plutôt que par un ordinateur, alors un équivalent textuel est fourni pour identifier et décrire la fonction du contenu non textuel, et des formes alternatives du CAPTCHA sont proposées pour différents types de perception sensorielle afin d’accommoder différents types de limitations fonctionnelles. Décoration, formatage, invisibilité si le contenu non textuel est purement décoratif , s’il est utilisé seulement pour un formatage visuel ou s’il n’est pas présenté à l’utilisateur, alors il est implémenté de manière à être ignoré par les technologies d’assistance . Règle 1.2 Média temporel § Proposer des versions de remplacement aux médias temporels.

Failing example

<!-- Fails: no alt attribute -->
<img src="product-photo.jpg">

<!-- Fails: empty alt on informative image -->
<img src="chart-q3-revenue.png" alt="">

How to fix it

<!-- Pass: descriptive alt text -->
<img src="product-photo.jpg" alt="Blue running shoe with mesh upper">

<!-- Pass: empty alt for decorative image -->
<img src="decorative-divider.png" alt="">

<!-- Pass: complex image with longer description -->
<img src="chart-q3-revenue.png" alt="Q3 revenue chart showing 23% growth">

Comment A11yRisk détecte cela

A11yRisk détecte ce critère automatiquement.

Analyser votre site pour cette violation →