Esta lección aún no está en tu idioma, así que aquí la tienes en inglés.
Prueba rápida
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
Antes y después
One line of an AI banner spec, before and after your check.
AI banner
Headline color: #AAAAAA on white (about 2.3:1)
After your check
Headline color: #1D4ED8 brand blue on white (passes 4.5:1, checked in a contrast tool)
Now check this AI-made banner yourself.
Encuentra los errores
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 de 3 encontrados
Completa los espacios
Fill the gaps in your check.
Before an AI design ships
I check text contrast Elegir.
I read every word in the image Elegir.
Every quote must Elegir.
Try it
Tus pasos, unos 2 minutos
0 de 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
Práctica
Pregunta 1 de 3
Under WCAG level AA, what contrast ratio does normal-size body text need?
Pregunta 2 de 3
An AI-made landing page includes a glowing customer quote with a first name and job title. Nobody can find it in the research notes. What do you do?
Pregunta 3 de 3
Why read AI images at 100% zoom before they ship?
Tutor de IA
Pregunta sobre esta lección y recibe ayuda con la tarea de “Pruébalo”. El tutor es parte de Learn Pro.