This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Zašto svaka slika na web stranici trebala alternativni tekst?
Svaka slika trebala bi alternativni tekst jer osobe koje su slijepe i tražilice mogu sadržaj slike shvatiti samo kroz taj tekst. Program za čitanje naglas čita alternativni tekst naglas, Google pokazuje slike s dobrih alternativnih tekstova u pretraživanju slika. Ako nedostaje tekst, slijepa osoba čuje samo naziv datoteke — primjerice „DSC_0042.jpg” — i ne razumije ništa.
Alternativni tekst: Opis slike s riječima
Alternativni tekst je kratka rečenica koja je u izvornom kodu prikačena slici. Posjetitelji koji dobar vid ne vide je nikada. Osoba koja je slijepa puštala bi je stranica od strane programa koji čita naglas — a na mjestu slike taj program čita upravo taj tekst. Primjer: stranica s timom pokazuje fotografiju direktorice. Alternativni tekst „Portret Marije Huber, direktorica” — posjetitelj zna koga vidi. Bez teksta ostaje samo praznina. Google također čita taj tekst i razumije što je na slici — to pomaže vašoj vidljivosti u pretraživanju slike.
Kako provjeravamo alternativne tekstove naše mjerne jezgre
Automatska provjera otvara vašu stranicu u pravom pregledniku i ispituje sa alatom axe-core svaku pojedinu sliku. Dodatno, naš vlastiti korak provjere broji sve slike kojima nedostaje alt atribut potpuno — svaka je dokazani prekršaj koji izvješće potvrđuje nazivom datoteke. Namjerno prazan alternativni tekst je točan: tako se označavaju čiste dekorativne slike koje program za čitanje naglas trebalo preskočiti. Može li se postojeći tekst i sadržajno podudara, nijedna mašina ne može zaključiti — zato automatika nikada ne potvrdi „prošao” preobrazio. Na zlatnom standardu čovjek vidi slike i tekstove te daje presudu.
Pisanje dobrih alternativnih tekstova
Dobar alternativni tekst opisuje što je na slici vidljivo i zašto je na toj stranici — u jednoj rečenici, bez izraza „slika od”. Za fotografiju proizvoda: „Crna uredska stolica s rukavima, pogled sa strane”. Za povezanu logotipu računa se cilj veze: „Na početnu stranicu”. Čiste dekorativne slike — separacijske crte, pozadinski uzorci — dobivaju prazan alternativni tekst kako bi program za čitanje naglas prešao ih od strane. Imena datoteka, liste ključnih rijeci ili reklamni tekst nikada ne spadaju u alternativni tekst: Posjetitelj čuje svaki put i izgubio vrijeme.
Beispiele
Foto mit Information
<img src="team-2026.jpg">
<img src="team-2026.jpg" alt="Bild">
<img src="team-2026.jpg" alt="DSC_0042.jpg"><img src="team-2026.jpg"
alt="Das Team von Beispiel GmbH vor dem Büro in Graz, sechs Personen">Der Alternativtext sagt, was das Bild zeigt, in einem Satz. Dateiname und das Wort „Bild“ sagen nichts.
Schmuckbild und verlinktes Bild
<img src="trenner.svg" alt="Trennlinie">
<a href="/"><img src="logo.svg"></a><img src="trenner.svg" alt="">
<a href="/"><img src="logo.svg" alt="Beispiel GmbH – zur Startseite"></a>Schmuck bekommt ein leeres alt, damit Vorleseprogramme es überspringen. Ein verlinktes Bild nennt das Ziel.
- Provjerite svoje važne stranice: ima li svaka slika alternativni tekst koji sadržaj opisuje u jednoj rečenici?
- Molite svoju agenciju da naboji slike bez alt atributa i ih nadopune.
- Označite dekorativne slike s praznim alternativnim tekstom kako bi programi za čitanje naglas ih preskočili.
- Odredite u vašem uređivanju: Nijedna slika ne ide online bez alternativnog teksta.
- Čitajte alternativne tekstove naglas — razumije li se stranica bez slika, tekstovi su dobri.