Képek titkok nélkül: Teljes útmutató a hatékony alternatív szöveg írásához

"Melyik fájlnevet szeretnéd, ha egy képernyőolvasó naponta 40-szer hangosan olvasná a füledben?" Kicsit abszurd kérdés, de pontosan ez történik, ha egy értelmes képen az alt="image1.jpg" felirat marad, vagy ami még rosszabb, egyáltalán nincs alternatív szöveg. Ez a cikk egy gyakorlati útmutató az alternatív szöveg írásához, amely valóban segít – nem csak jelen, hanem jó is.

Miért olyan rossz a rossz alternatív szöveg, mint a hiányzó alternatív szöveg

A WCAG 1.1.1 értelmében minden nem szöveges tartalomnak szöveges alternatívával kell rendelkeznie – de a formai követelmény csak a történet fele. Az "image1.jpg", "image" vagy "logo" technikailag megfelel a követelménynek (van egy alt attribútum), de nem közvetítenek valódi információt. Az a képernyőolvasó felhasználó, aki meghallja a "kép... kép... image23.png" szöveget, nem kevésbé frusztrált, mint egy látó felhasználó, aki üres képkockákat néz.

Hogyan írjunk jó alternatív szöveget

Az irányadó szabály: írja le a kép üzenetét abban a kontextusban, ahol megjelenik, ne pedig a látottak szó szerinti leírását. Egy csapattalálkozón egy asztal körüli emberekről készült fénykép, amely egy együttműködésről szóló cikkhez kapcsolódik, a „Csapat dolgozik együtt egy asztal körül” feliratot kaphat, nem pedig „Emberek fényképét”. Diagram vagy grafikon esetében írja le a diagramon bemutatott kivetítést: „A harmadik negyedévben az eladások 40%-os növekedését mutató oszlopdiagram” lényegesen jobb, mint az „Oszlopdiagram”.

• Rövid és céltudatos – általában 1-2 mondat elég; nem kell minden vizuális részletet leírni.
• Kihagyja az "image of" vagy a "picture of" kifejezést – a képernyőolvasó már bejelenti, hogy ez egy kép, így nem szükséges megismételni.
• Vegye figyelembe a környező szöveget – ugyanaz a kép eltérő alternatív szöveget kaphat különböző kontextusokban.

Mikor kell szándékosan üresen hagyni az alternatív szöveget

Nem minden képhez kell leírás. A tisztán dekoratív képek – grafikus elválasztó vonalak, háttér-illusztrációk, ikonok, amelyek csak a közeli szöveget ismétlik – a legjobban megcímkézhetőkalt=""(üres alternatív szöveg, nem hiányzik), így a képernyőolvasó teljesen kihagyja őket. A "hiányzó" és a "szándékosan üres" közötti különbség kritikus: a hiányzó hangok hibának tűnnek, vagy kiolvassák a fájlnevet; szándékosan üres egyszerűen hangtalanul átugrik rajta.

Mi a teendő az összetett diagramokkal és diagramokkal?

Egy összetett adatdiagramhoz, egy illusztrált összehasonlító táblázathoz vagy egy több rétegű információt tartalmazó infografikához a rövid alternatív szöveg nem elegendő – túl sok információ áll rendelkezésre. A megoldás: az általános témát leíró rövid alt szöveg, mellette (a képet körülvevő rendes szövegben, nem csak az alt attribútumban) a fontos adatok részletesebb leírása, vagy ezzel egyenértékű adattábla, amelyen a képernyőolvasó navigálhat.