Atribut alt poskytuje textovou alternativu popisující obsah nebo funkci obrázku. Slouží uživatelům a nástrojům, které nemohou obrázek vidět.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
Atribut alt poskytuje textovou alternativu popisující obsah nebo funkci obrázku. Slouží uživatelům a nástrojům, které nemohou obrázek vidět.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt nahlas, takže nevidomý uživatel ví, co obrázek vyjadřuje. Bez něj slyší název souboru nebo jen "obrázek" — zbytečné.alt text místo ikony rozbitého obrázku.alt k pochopení a indexování obrázků (SEO obrázků).<!-- ✅ 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="" />
alt="" (prázdný, ale přítomný) je důležitý: říká čtečkám obrazovky "toto je dekorativní, ignoruj to." Vynechání alt úplně je jiné — pak čtečka může oznámit název souboru.
alt je jediný nejdůležitější atribut přístupnosti pro obrázky a právní požadavek podle standardů přístupnosti (WCAG).
Známožňuje uživatelům bez zraku vnímat obsah, poskytuje zálohu, když se obrázky poškodí, a pomáhá SEO — popište, co obrázek znamená v kontextu, a použijte alt="" pro čistě dekorativní obrázky.
Knihovna IT otázek k pohovoru s podrobnými odpověďmi — od Junior po Senior.
Přispět