Comment ajouter des attributs alt sur les images Webflow ?

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment ajouter et gérer les attributs alt sur les images Webflow pour le SEO et l'accessibilité.

1. Ajoutez l'alt text dans le Designer

Sélectionnez votre image dans le Designer. Dans le panneau Settings (icône engrenage), remplissez le champ Alt Text. Rédigez une description courte et précise du contenu visible de l'image.

2. Alt text dynamique dans le CMS

Pour les images dans vos collections CMS, connectez le champ Alt Text à un champ texte du CMS. Dans le Designer, cliquez sur l'icône de connexion du champ Alt Text et sélectionnez le champ CMS correspondant. Chaque image affichera automatiquement son propre alt text.

3. Images décoratives : alt vide

Pour les images purement décoratives (fonds, séparateurs, illustrations non informatives), laissez le champ alt vide ou ajoutez alt="". Les lecteurs d'écran les ignoreront. Ne pas mettre d'alt text du tout est différent de mettre un alt vide.

Conclusion

Les attributs alt améliorent simultanément le SEO et l'accessibilité. Auditez vos images manquantes avec WAVE : optimiser l'accessibilité visuelle.