Přístupnost

Jak psát alt text k obrázkům vytvořeným AI

Alt text říká lidem, kteří obrázek nevidí, co ukazuje. Jednoduchý vzorec, kdy ho nechat prázdný, a příklady pro produkty, ilustrace a grafy.

4 min čtení
Malá mosazná lupa stojí na tmavém stole, jejím sklem prosvítá fialové světlo, za ní měkký opar

Obrázek je hotový, sedí přesně a editor stránky teď chce „alt text“. Většina lidí napíše název souboru, vloží prompt, nebo políčko přeskočí. Všechny tři cesty pole zbytečně promarní. Alt text je pár slov, která zastoupí obrázek tam, kde ho nelze vidět: pro uživatele čtečky obrazovky, pro návštěvníka s pomalým připojením, pro vyhledávač čtoucí stránku. Tohle je krátký praktický postup, jak ho psát k vlastním vygenerovaným obrázkům.

K čemu alt text skutečně je

Má jediný úkol: dát čtenáři to, co obrázek dává vidoucímu návštěvníkovi, na místě, kde obrázek stojí. Není to popisek (popisek vidí všichni a dodává souvislosti) a není to schránka na klíčová slova. Vyhledávače ho čtou a jasný poctivý popis jim pomáhá stránce porozumět, ale věta nacpaná vyhledávanými výrazy nepomůže nikomu a uživatelé čteček si toho všimnou hned.

Jednoduchý vzorec

Položte si tři otázky v tomto pořadí a z odpovědí napište jednu prostou větu.

  1. Co to je? Hlavní motiv běžnými slovy: keramický hrnek, maják, sloupcový graf.
  2. Co je na tom tady důležité? Detail, který stránka potřebuje: barva produktu, nálada titulního obrázku, trend grafu.
  3. Jaký druh obrázku to je? Jen když to mění význam: ilustrace, 3D render, render ve stylu fotografie, akvarel.

Držte se zhruba jedné věty. Vynechte „obrázek“ a „fotografie“ na začátku: čtečka obrazovky už sama oznámí, že jde o obrázek.

Informativní, nebo dekorativní: rozhodněte nejdřív

Než cokoli napíšete, zeptejte se, zda obrázek nese informaci, kterou text vedle něj nenese. Produktový snímek na stránce produktu ano. Klidné abstraktní pozadí za nadpisem ne. Dekorativní obrázek má dostat prázdný atribut alt (alt=""), který asistivním nástrojům říká, aby ho přeskočily. To je lepší než popis, kvůli kterému někdo poslouchá „fialový přechod s měkkým světlem“ třikrát na stránce.

  • Informativní: produktové snímky, ilustrace, které něco vysvětlují, grafy, titulní obrázek článku. Popište je.
  • Dekorativní: textury, předěly, nálady v pozadí, hlavičkový obrázek, který jen opakuje titulek. Alt nechte prázdný.
  • Funkční: obrázek uvnitř odkazu nebo tlačítka. Popište, kam vede nebo co dělá, ne jak vypadá.

Styl popište poctivě

Vygenerovaný obrázek není fotografií skutečného místa a alt text by to neměl předstírat. Pokud čtenáři na stylu záleží, řekněte, jaký je: „Ilustrace majáku na útesu za soumraku“ nebo „Renderovaný produktový snímek keramického hrnku na dubovém stole“. Nepište „fotografie“ o něčem, co nikdy nebylo vyfotografováno. Nejde o reklamu na nástroj, ale o to, nemýlit člověka, který si to sám ověřit nemůže. Pokud vygenerované obrázky zveřejňujete, druhou stranu této poctivosti pokrývá návod, jak rozeznat obrázky z AI.

Tři příklady

Produktový snímek

Na stránce obchodu čtenář potřebuje to, co by viděl zákazník: barvu, tvar, prostředí jen tehdy, když na něm záleží.

Prompt
Rendered product image of a matte green ceramic mug with a wide handle, on a light oak table in soft window light
Motiv, důležitý detail a poctivý druh obrázku. Žádná přidaná klíčová slova.

Ilustrace

U titulního obrázku článku, který udává náladu, stačí jedna krátká věta a prázdný alt je v pořádku, pokud to už říká nadpis.

Prompt
Watercolour-style illustration of a small boat under a large moon on calm water

Obrázek podobný grafu

Tady obrázek nese data, takže alt musí nést sdělení. Pozor: modely obrázků kreslí věci, které vypadají jako grafy, ale jejich čísla a popisky nejsou spolehlivé (proč, vysvětluje návod k rukám a textu). Skutečný graf vytvořte v nástroji pro grafy a alt napište ze skutečných dat. Úplná čísla dejte do tabulky nebo do textu vedle.

Prompt
Bar chart of monthly signups rising each month from January to June, with the largest jump in April
Hlavní sdělení, ne barvy. Přesné hodnoty patří do textu stránky.

Prompt berte jako koncept, ne jako kopii

Napsaný prompt je užitečný první koncept, protože už pojmenovává motiv. Nevkládejte ho však doslova. Dobrý prompt je recept pro model: nese výrazy pro osvětlení, slova o kameře a štítky stylu, které posluchači nic neříkají (návod k promptům vysvětluje, proč pomáhají modelu). A prompt popisuje záměr, zatímco alt text musí popsat, co je na hotovém obrázku skutečně. Modely uhýbají: třetí hrnek třeba nemá ucho. Podívejte se na výsledek, motiv z promptu ponechte, technická slova vypusťte a opravte všechno, co nevyšlo podle zadání.

Rychlý kontrolní seznam

  • Je obrázek informativní, dekorativní, nebo funkční?
  • Jedna věta, motiv na začátku, žádné „obrázek“ na úvod.
  • Detail, který tato stránka potřebuje, ne každý detail.
  • Druh obrázku pojmenovaný, když na něm záleží (ilustrace, render).
  • Odpovídá finálnímu obrázku, nejen promptu.
  • Žádné seznamy klíčových slov, žádné názvy souborů.

Co studio dělá a co ne

Studio vytváří obrázek. Alt text za vás nepíše a do stahovaných souborů ho nepřidává. Obrázek přijde v rozlišení 2K a popis je na vás tam, kde ho zveřejníte, tedy tam, kde je znám kontext stránky. To je vaše rozhodnutí: jen vy víte, k čemu obrázek slouží. Pro produktovou a titulní práci ukazují obrázky, na které se tato rada vztahuje, články o produktové fotografii a o hlavičkových obrázcích blogu. Otevřete studio a vytvořte je, nebo si na stránce s modely prohlédněte nabízené styly.

Dotazy

Jak dlouhý má alt text být?

Zhruba jedna jasná věta. Dost dlouhá, aby řekla, co obrázek ukazuje a proč tam je, a dost krátká, aby se dala poslechnout za pár sekund. Delší vysvětlení, třeba data grafu, patří do textu stránky.

Mám jako alt text vložit svůj AI prompt?

Ne. Použijte ho jako koncept pro motiv, pak odstraňte výrazy pro světlo, kameru a styl a ověřte ho podle hotového obrázku, protože výsledek se od promptu může lišit.

Potřebuje dekorativní AI obrázek alt text?

Ne. Pokud obrázek nepřidává žádnou informaci, použijte prázdný atribut alt, aby ho čtečky obrazovky přeskočily. Informativním obrázkům dejte krátký popis.

Píše studio alt text automaticky?

Ne. Generuje pouze obrázek. Popis píšete vy tam, kde ho zveřejňujete, protože znáte stránku, ke které patří.

#Přístupnost#SEO#Obrázky