Esta aula ainda não está no seu idioma, então aqui está em inglês.
Teste rápido
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 e depois
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.
Encontre os erros
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
Preencha as lacunas
Fill the gaps in your check.
Before an AI design ships
I check text contrast Escolher.
I read every word in the image Escolher.
Every quote must Escolher.
Try it
Seus passos, cerca de 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
Exercícios
Pergunta 1 de 3
Under WCAG level AA, what contrast ratio does normal-size body text need?
Pergunta 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?
Pergunta 3 de 3
Why read AI images at 100% zoom before they ship?
Tutor de IA
Tire dúvidas sobre esta aula e tenha ajuda na tarefa do “Experimente”. O tutor faz parte do Learn Pro.