Zpřístupnění obrázků

Používání obrázků na webu je skvělý způsob jak zaujmout pozornost. Stránku ale musíme navrhovat tak, aby byla přístupná všem, proto se v tomto cvičení podíváme na to, jak obrázky zpřístupnit lidem používajícím předčítání obrazovky.

Zde je příklad obrázku, který jsme vytvořili v minulé lekci:

<img src="/learn/html/cats.webp">

U takového obrázku, by předčítač obrázek přeskočil. Co ale když obrázek neslouží jen jako dekorace ale předává uživateli informace. V takovém případě je důležité přidat atribut alt a jako jeho hodnotu napsat slovně obsah obrázku. Příklad:

<img src="/learn/html/cats.webp" alt="6 fotek koček domácích">

Přidání alt atributu zajistí že předčítač přečte hodnotu alt atributu nahlas. V případě, že má obrázek čistě dekorativní účel je stále vhodné přidat alt atribut s prázdnou hodnotou tímto způsobem:

<img src="/learn/html/cats.webp" alt="">