1. príklady a riešenia
  2. praktické návody
  3. rýchlo a jednoducho

otestujte si webové stránky




Ako na prístupné obrázky?

Príklad č. 1

Použitie obrázku (napríklad banner) na ktorom je umiestnený nápis, ktorý obsahuje významovú informáciu.
grafický objekt k príkladu č.1

Riešenia:

  • alt="Vďaka Vašej pomoci vyrastieme a budeme pomáhať tak, ako VY. Ďakujeme"
  • alt="fotografia štaniatok retrievera s nápisom: Vďaka Vašej pomoci vyrastieme a budeme pomáhať tak, ako VY. Ďakujeme"

Chyby v praxi:

  • alt=""
  • alt="pomoc"

Príklad č. 2

Použitie tlačidla formulára odoslať.
grafický objekt odoslať k príkladu č. 2

Riešenie:

  • alt="odoslať"

Chyby v praxi:

  • alt=""

Príklad č. 3

Použitie vlajky pre odkaz na cudzojazyčnú verziu webových stránok.
anglická vlajka k príkladu č. 3

Riešenie:

  • alt="english version"

Chyby v praxi:

  • alt="en"
  • alt="anglická verzia"

Uvedený popis je zásadný pre anglicky hovoriaceho nevidiaceho návštevníka.

Ak obrázok neobsahuje žiadnu významovú informáciu a je použitý iba ako dekorácia, atribút “alt“ musí obsahovať prázdnu hodnotu. Ak však slúži na ovládanie webovej stránky, prípadne obsahuje zmysluplný obsah atribút "alt" musí byť definovaný (s rovnakou informačnou hodnotou).

Príklad č. 4

Dekoračné obrázky.
grafický objekt k príkladu č. 4

Riešenie: (z hľadiska praktického aspektu)

K jednotlivým príkladom neexistuje všeobecne platné a "najsprávnejšie" riešenie. Uvedené príklady vychádzajú predovšetkým z praktických skúseností v oblasti prístupnosti.