Alt text: (Más néven: Helyettesítő szöveg; Alt attribútum; Alternatív szöveg)
Az Alt szöveg értéke leírja, hogy mi látható a képen, a honlap HTML kódjában.
HTML kód:
A HTML (HyperText Markup Language) egy olyan jelölőnyelv, amit a webhelyek készítéséhez használunk. Magyarul hiperszöveges jelőlőnyelvet jelent.
Például:
<img src = “pelda-kep.png” title=”Példa cím” alt = “Példa leírás” width=”1000″ height=”627″ />
A kód értelmezése:
img src = a kép elérése (URL)
title = cím vagy buborékszöveg (akkor jelenik meg, amikor a képre rávisszük az egeret)
alt = a kép leírása ( Alt szöveg)
width = a kép szélessége px-ben
height = a kép magassága px-ben
Miért fontos és mire jó az Alt text?
1. A képernyőolvasókat használó oldallátogatóknak felolvassa, hogy mi található a fotón, így megérthetik az oldalunk tartalmát. Látássérülteknek például nagy segítség.
2. Ha egy képfájl valamiért nem tud betölteni a weboldalon, akkor a kép helyett az Alt szöveg jelenik meg.
3. Nem utolsó sorban pedig, leírást nyújt a keresőmotorok számára. Ezzel például a Google el tudja olvasni, hogy mi található a képünkön és indexelni tudja, tehát megjeleníti a találati listában.
Milyen egy jó Alt szöveg?
Mikor használjuk?
Ha bizonytalanok vagyunk vagy be van állítva egy bővítmény, akkor mindig.
Ha saját magunk írjuk be, akkor viszont elég csak azoknál a képeknél használni, amik fontosak a weboldal tartalmának helyes értelmezésében. Tehát, ha egy fotó dekoráció jellegű, (például egy háttérkép) akkor nem kötelező a kitöltése.
Automatikus Alt text kitöltés bővítmény neve:
Format Media Titles
A bővítményt csak akkor érdemes használni, ha nagyon sok fotót szeretnénk feltölteni és nincs kapacitásunk arra, hogy beállítsuk egyesével az alt értékeket. A képek elnevezésére ilyenkor extrán oda kell figyelni, hogy leíró legyen.
Mindig törekedni kell, hogy minél kevesebb bővítmény legyen a honlapunkon, mert befolyásolhatják az oldal betöltési sebességet.