Where AI gets design wrong

Module 1 : What AI already does in your job

Plan du cours

Cette leçon n'est pas encore dans votre langue, la voici donc en anglais.

Petit test

Guess first, no penalty. An AI banner has a light gray headline (#AAAAAA) on white. It looks clean. Does it pass the WCAG contrast rule for normal text?

WCAG (the Web Content Accessibility Guidelines) sets the contrast rule: normal text needs "a contrast ratio of at least 4.5:1", large text 3:1 (W3C). Contrast ratio compares the lightness of text and background. #AAAAAA on white works out to about 2.3:1.

AI design output fails in a few repeat ways: low contrast, garbled text inside images, extra fingers and odd details, colors that drift off brand, and "customer quotes" nobody said. Each one looks fine at thumbnail size.

Worked example

Avant et après

One line of an AI banner spec, before and after your check.

AI banner

Headline color: #AAAAAA on white (about 2.3:1)

Now check this AI-made banner yourself.

Trouvez les erreurs

Tap the three things you'd fix before this ships. Tap one that's fine and you get a hint.

AI banner for a software launch

0 sur 3 trouvées

Complétez les trous

Fill the gaps in your check.

Before an AI design ships

I check text contrast . I read every word in the image . Every quote must .

Try it

Vos étapes, environ 2 minutes

0 sur 1
  1. 1.Add these checks to your AI brief card: contrast, text at 100%, details, brand, quotes. Then run them on one AI-made design.2 min

Exercices

Question 1 sur 3

Under WCAG level AA, what contrast ratio does normal-size body text need?

Tuteur IA

Posez vos questions sur cette leçon et faites-vous guider dans l'exercice « Essayez ». Le tuteur fait partie de Learn Pro.

Voir Learn Pro