Atribut alt pruža tekstualnu alternativu koja opisuje sadržaj ili funkciju slike. Služi korisnicima i alatima koji ne mogu vidjeti sliku.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
Atribut alt pruža tekstualnu alternativu koja opisuje sadržaj ili funkciju slike. Služi korisnicima i alatima koji ne mogu vidjeti sliku.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt naglas, pa slijepi korisnik zna što slika prenosi. Bez nje, čuju samo naziv datoteke ili samo "slika" — beskorisno.alt tekst umjesto slomljene ikone slike.alt da razumiju i indeksiraju slike (SEO slike).<!-- ✅ describe the MEANING, not "image of..." -->
<img src="dog.jpg" alt="A golden retriever catching a frisbee" />
<!-- ✅ for functional images, describe the ACTION -->
<a href="/home"><img src="logo.png" alt="Acme home" /></a>
<!-- ✅ DECORATIVE images get an EMPTY alt so screen readers skip them -->
<img src="divider.png" alt="" />
Atribut alt="" (prazan, ali prisutan) je važan: kaže čitačima zaslona "ovo je dekorativno, ignoriraj to." Potpuno izostavaljenje alt je drugačije — tada čitač može objaviti naziv datoteke.
alt je najznačajniji atribut dostupnosti za slike i zakonski je obavezan prema standardima dostupnosti (WCAG).
Čini sadržaj dostupnim slijepim korisnicima, pruža zamjenu kada se slike prekinu, te pomaže SEO-u — opišite što slika znači u kontekstu, i koristite alt="" za čisto dekorativne slike.
Knjižnica IT pitanja za razgovore za posao s detaljnim odgovorima — od Juniora do Seniora.
Doniraj