Egy átlagos felhasználónak nem jelent problémát egy kép megnézése, viszont akik képernyőolvasó programot használnak, mert gyengénlátók vagy vakok, azok csak szöveges formában tudják értelmezni az oldalon megjelenő képet. Ezért fontos alternatív szöveget írni a képekhez, így biztosítjuk az oldal akadalymenesítèsèt és még a SEO beállításokon is tud javítani.
Mi is az az alternatív szöveg?
Az alternatív szöveg (vagy alt szöveg) egy rövid szöveg, amit egy képhez adunk hozzá, ami akkor jelenik meg, ha a kép nem töltődik be megfelelően, vagy ha az oldalt képernyőolvasóval használja a felhasználó. Nem mellékesen azért is jó ha meg van adva, mert a keresőmotorok is ezt fogják érzékelni, nem pedig magát a képet.
Hogyan írjunk jó alternatív szöveget?
Egy jó szöveg megírása nem csak az akadálymentesítés szempontjából hasznos, hanem azért is, hogy a látogatóid elégedettebbek legyenek, minél több felhasználó igényére oda figyelsz, annál valószínűbb, hogy megtartod őket.
1. Rövidség
Legyen pontos és rövid. Csak azt írd le tömören, hogy mit látni a képen. A fenti képhez, ha nem fontos a helyszín, csak az állatok, akkor nem kell túl bonyolítani, elég egy pár szavas, rövid mondat: „Afrikai elefánt a kicsinyével.”
2. „Kép” vagy a szinonimák kerülése
Kerülni kell a hosszú mondatokat, nem kell a szövegbe bele írni, hogy ez egy kép, mert a képernyőolvasó program ezt jelzi a felhasználójának. Tehát a „Kép egy elefántról és a kicsinyéről” felesleges kiemelni, így csak kétszer fogja mondani a képernyőolvasó, hogy ez egy kép.
3. Ne használd kulcsszavazásra
Az alternatív szöveg nem alkalmas arra, hogy csak kulcsszavakat adjunk meg: „elefánt, állatok, Afrika”. A Google nem díjazza az úgynevezett kulcsszó-zsúfolást (angolul: keyword stuffing), aki ilyeneket használ az több, mint valószínű nem tudja, hogy hogy kell alternatív szöveget írni, vagy SEO miatt próbál trükközni. Így olyan, mintha a tartalmat robotoknak írnánk, nem pedig embereknek. Álláspontjuk szerint „Az alt text célja a kép tartalmának leírása, nem a keresőoptimalizálás manipulálása.”
Ha a fenti kulcsszavakat mondatba teszed, és természetesnek hat, akkor már is jobb lesz az eredmény. „Egy afrikai elefánt és borja természetes élőhelyükön, Afrika szavannáin.” Rövid, tömör mégis informatív.
4. Kerüld a redundanciát
Akkor redundens egy szöveg, ha egy információt többször is elmondunk. Ha a képet körülvevő tartalom megegyezik, azzal amit az alt szövegnek írnál, akkor ez már ismétlés lenne, ami ugye felesleges. Ilyenkor érdemes kontextusba gondolkodni és olyat írni, ami akár plusz információ is lehet, de még se tér el nagyon a szövegtől vagy egy másik részlet kiemelése is jó lehet.
5. Díszítő elemek kezelése
Azok az elemek, amik csak vizualis díszítésként szolgálnak azokhoz nem kell leíró alt szöveget írni. Ilyenek az elválasztó vonalak, a háttérminták, illusztratív ikonok, amik csak díszítő elemként szolgálnak az oldalon. Tegyük fel, hogy egy virágos díszítő elemet elhelyezünk az oldalunkon és írunk hozzá szöveget: „virágos díszítő elem szöveg elválasztásához.” A képernyőolvasó szoftver ezt végighallgattatja a felhasználóval hiába nem releváns információ, így ez csak zajként jelenik meg.
Összefoglalva
Az alternatív szöveg kulcsfontosságú szerepet játszik abban, hogy a web mindenki számára elérhető legyen. Lényegre törő, egyszerű alt szövegek alkalmazásával profi és akadálymentes honlapot tudsz létrehozni. A lényeg, hogy ami fontos tartalom szempontjából azt írjuk le, ami nem releváns, díszítő elem azt kihagyjuk.
