Accessibilité : Préparer vos images et vos galeries
Temps de lecture : 8 min
Les visiteurs qui ont des conditions visuelles peuvent utiliser des technologies d'assistance telles que les lecteurs d'écran pour parcourir votre site. Ajoutez des descriptions aux images et aux galeries en utilisant du texte alternatif pour les rendre accessibles à ces visiteurs.
Le texte alternatif fournit des informations sur vos médias et aide les moteurs de recherche et les lecteurs d'écran à les « lire ».
Où Wix obtient-il ses informations ?
- Nous faisons des recommandations conformément au document des Règles d'accessibilité au contenu Web (WCAG) , qui a été développé par le World Large Web Consortium (W3C).
- Cet article est basé sur les critères de réussite suivants :
Ajouter du texte alternatif dans votre Éditeur
Le texte alternatif garantit que les visiteurs utilisant des lecteurs d'écran peuvent accéder au contenu de votre site et le comprendre. Nous vous recommandons donc de l'ajouter à toutes les images pertinentes, y compris les médias apparaissant dans des applis telles que Wix Boutique, Wix Réservations, etc.
Pour les images uniques
Ajoutez du texte alternatif aux images de votre constructeur de site (Éditeur Wix et Éditeur Studio) à partir du panneau Paramètres.
Éditeur Wix
Éditeur Studio
- Accédez à votre Éditeur.
- Cliquez sur l'image de votre page.
- Click the Settings icon .
- Saisissez une description de l'image sous Que contient l'image ?
- Appuyez sur Entrée sur votre clavier pour enregistrer.
![Le panneau des paramètres de l'image dans l'Éditeur. Le champ de texte alternatif a été rédigé et le curseur le survole.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/15/3c965d02-9870-49e7-bed4-a30e8c69e40c/76d7fc6d-9c29-46c4-8799-64ac40180937.png)
Galeries
Utilisez le gestionnaire de médias de votre site pour ajouter un texte alternatif aux images de la galerie.
Éditeur Wix
Éditeur Studio
- Accédez à votre Éditeur.
- Cliquez sur la galerie sur votre page.
- Cliquez sur Gérer les médias ou Modifier les images.
- Cliquez sur une image pour la sélectionner.
- Saisissez un titre pour l'image de droite.
- (Pour Wix Galerie Pro) Modifiez le texte alternatif de votre image sous Texte alternatif si vous souhaitez qu'il soit différent du titre de votre image.
- Cliquez sur Terminé.
![Une galerie pro dans le gestionnaire de médias. Le champ de texte alternatif est mis en surbrillance.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/15/03389f2c-823a-48e6-84a6-27b55120223a/5c632a8f-9f4d-4310-9dc2-54d457b9849b.png)
Suggestion :
Assurez-vous de publier le site pour que le texte alternatif soit en ligne.
Remarque :
Il n'est actuellement pas possible d'ajouter du texte alternatif aux images/galeries en masse. Si vous souhaitez voir cette fonctionnalité, vous pouvez voter pour elle ici.
Ajouter du texte alternatif dans l'Assistant d'accessibilité
Lorsque vous vérifiez un site avec l'Assistant d'accessibilité, vous pouvez être invité à ajouter du texte alternatif aux images. Utilisez la tâche dans l'Assistant pour fournir une description courte et claire aux visiteurs du site.
Éditeur Wix
Éditeur Studio
Utilisez l'assistant pour ajouter un texte alternatif aux images du site et aux images qui apparaissent dans vos applications Wix Boutique et Bookings.
Pour ajouter du texte alternatif aux images du site :
- Accédez à votre Éditeur.
- Cliquez sur Paramètres en haut et sélectionnez Assistant d'accessibilité.
- Cliquez sur Scanner mon site dans le panneau Assistant d'accessibilité à droite.
- Sélectionnez des cartes nommées Text alternatif.
- Saisissez la description de l'image dans le champ Que contient l'image ?
- Cliquez sur Définir le texte Alt .
![La carte de texte alternatif est ouverte pour une image. Le texte alternatif a été rédigé et le curseur clique sur Définir le texte alternatif.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/25/12a14e89-a576-4575-8506-4de24c9137df/52ae51f7-414c-4420-a669-cf4ac6546647.png)
Pour ajouter un texte alternatif aux images de l'appli :
- Accédez à votre Éditeur.
- Cliquez sur Paramètres en haut et sélectionnez Assistant d'accessibilité.
- Cliquez sur Scanner mon site dans le panneau Assistant d'accessibilité à droite.
- Sélectionnez le menu déroulant Boutiques / Réservations.
- Sélectionnez des cartes nommées Text alternatif.
- (Pour les boutiques uniquement) Sélectionnez chaque image d'article / image de variante d'article.
- Saisissez la description de l'image dans le champ Que contient l'image ?
- Cliquez sur Définir le texte Alt .
- Cliquez sur Terminé.
![Le champ de texte alternatif d'une image d'article de boutique a été rempli. Les boutons Définir le texte alternatif et Terminer sont mis en surbrillance.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/15/fa5d9a6b-afc0-482b-85e1-9d8df9ca0cc8/c4a46afd-8eba-405e-a681-21dd5ed77769.png)
Marquer des images comme décoratives
Les images décoratives sont des images qui ne contribuent pas au contenu de votre site, car elles ne sont là qu'à des fins esthétiques ou décoratives.
Si une image sur un site est décoratif et ne correspond pas au contexte, il n'est pas nécessaire d'ajouter du texte alternatif. Vous pouvez marquer une image comme « décorative » dans l'Assistant d'accessibilité pour vous assurer que les moteurs de recherche et les lecteurs d'écran l'ignorent automatiquement.
Éditeur Wix
Éditeur Studio
- Accédez à votre Éditeur.
- Cliquez sur Paramètres en haut et sélectionnez Assistant d'accessibilité.
- Cliquez sur Scanner mon site dans le panneau Assistant d'accessibilité à droite.
- Sélectionnez des cartes nommées Text alternatif.
- Cochez la case située à côté de Cette image est décorative, elle ne nécessite pas de description.
![Capture d'écran montrant l'option d'image décorative cochée dans l'assistant d'accessibilité.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/01/10/0f47939b-860f-4234-b129-a75d139e4db5/95b1cf21-153f-4dcf-8e42-f663a1434275.png)
Bon à savoir :
Vous devez ajouter un texte alternatif à toutes les images qui contiennent des liens, et non les marquer comme décoratifs.
Texte dans les images
Il s'agit d'images qui contiennent du texte illustré ou ajouté.
Le texte dans les images ne peut pas être « lu » par les moteurs de recherche ou les lecteurs d'écran. Toutefois, si l'image est nécessaire et que le texte a un contexte pour le site, vous pouvez l'ajouter à la description de l'image.
Si le texte n'a pas de contexte ou ne contribue pas au contenu du site, vous n'avez pas besoin de l'ajouter à la description de l'image.
Sélectionnez une option ci-dessous pour en savoir plus sur le texte de l'image que vous devez ou non ajouter à la description de l'image.
Texte important
Texte non important
Images de texte
Les images de texte ne contiennent que du texte et aucun autre élément illustré. Certains exemples incluent des images de polices ou des logos qui ne contiennent que du texte.
Comme il ne s'agit pas d'éléments de texte « réels », les images de texte ne peuvent pas être lues par les moteurs de recherche ou les lecteurs d'écran. Nous vous recommandons de les éviter autant que possible et de les remplacer par de vrais éléments de texte pour améliorer le référencement et l'accessibilité sur votre site.
Prochaine étape :
Retournez à la liste de vérification pour l'accessibilité pour continuer à améliorer l’accessibilité de votre site.