0Pricing
Web Accessibility Academy · Leçon

Informatif ou décoratif : la première décision

Déterminez si une image a réellement besoin d’un texte.

Informatif ou décoratif : la première décision est une leçon Web Accessibility Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Web Accessibility Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Web Accessibility Academy comprend 4 leçons au total.

Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.

The First Question

Before you write a single word of alt text, ask one thing: does this image add meaning, or is it just there to look nice?

Two Buckets

Every image falls into one of two buckets: informative images that carry content, or decorative ones that are pure visual polish.

What Informative Means

An informative image tells the user something they would miss without it, like a chart, a product photo, or a logo with the company name.

What Decorative Means

A decorative image adds no information. Think background swooshes, spacer lines, or a stock photo that just sets a mood.

Why the Decision Matters

Getting this right matters because the wrong call either hides real content or floods screen reader users with useless noise.

Informative Gets Words

If an image is informative, give it real alt text that conveys what it means in context.

<img src="sales-up.png" alt="Sales rose 40 percent in March">

Decorative Gets Silence

If an image is decorative, give it an empty alt so screen readers skip right past it.

<img src="divider.png" alt="">

The Same Image, Two Roles

The very same photo can be informative on one page and decorative on another. Context decides, not the file itself.

A Handy Test

Try this: if you removed the image, would the page lose meaning? Yes means informative. No means decorative.

Never Just Drop alt

Skipping the alt attribute entirely is the worst choice: many screen readers then read out the file name instead.

Make the Call First

So your workflow starts here: classify each image as informative or decorative before you worry about wording.

Quick Check

Time to test the core decision.

Recap

Nice work! Every image is informative or decorative, context decides, and that one call shapes whether you write alt text or leave it empty.

Questions Fréquemment Posées

La leçon « Informatif ou décoratif : la première décision » est-elle gratuite ?

Oui — le texte complet de « Informatif ou décoratif : la première décision » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Web Accessibility Academy, passe à CoddyKit PRO. Le cours Web Accessibility Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Informatif ou décoratif : la première décision » ?

Déterminez si une image a réellement besoin d’un texte. Tu pratiques Web Accessibility Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Web Accessibility Academy ?

Aucune expérience préalable n'est requise. Web Accessibility Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.

Combien de temps prend la leçon « Informatif ou décoratif : la première décision » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Web Accessibility Academy ?

Oui. Chaque leçon Web Accessibility Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Informatif ou décoratif : la première décision
  2. Rédiger un texte alternatif qui exprime le rôle, pas les pixels
  3. Attribut alt vide et image décorative masquée
  4. Images complexes : graphiques, cartes et longues descriptions
← Retour à Web Accessibility Academy