Alt text
Alt text (alternatívny text) je písomný opis pridaný do HTML kódu obrázka, ktorý opisuje obsah a funkciu obrázka pre čítačky obrazovky a vyhľadávače.
Alt text slúži dvom kľúčovým účelom: prístupnosti webu a SEO. Pre používateľov so zrakovým postihnutím, ktorí využívajú čítačky obrazovky, poskytuje alt text verbálny popis obrázkov, ktoré nevidia. Pre vyhľadávače, ktoré tiež nemôžu „vidieť“ obrázky, alt text vysvetľuje, čo obrázok zobrazuje, a pomáha mu objaviť sa vo výsledkoch vyhľadávania obrázkov.
Dekoratívne obrázky, ktoré neprenášajú informáciu, môžu mať prázdny atribút alt (alt=""), aby ich čítačky obrazovky preskočili. Alt text sa zároveň zobrazuje, keď sa obrázok nepodarí načítať, a dáva používateľom kontext o tom, čo im chýba. Táto záložná funkcia ho robí dôležitým pre používateľskú skúsenosť aj nad rámec prístupnosti a SEO.
V praxi
- Blog o jedle pridal popisný alt text k 500 receptom a za dva mesiace zaznamenal nárast prevádzky z Google Images o 40 %
- E-shop napísal unikátne alt texty pre 2 000 produktových obrázkov namiesto použitia názvov súborov, čo viedlo k 15% nárastu návštevnosti produktových stránok z organického vyhľadávania
- Realitná kancelária opísala každý obrázok nehnuteľnosti pomocou lokality, vlastností a typu miestnosti, čím zachytila vyhľadávania ako „moderná kuchyňa v Austin TX“
- Nadácia zlepšila skóre WCAG kompatibility svojho webu zo 62 % na 94 % jednoducho pridaním správneho alt textu ku všetkým obrázkom
Nie ste si istí, či sa to týka aj vás?
Senior inžinier prejde vaše stránky, vašu prítomnosť vo vyhľadávaní a spôsob, akým dotazy k vám prichádzajú, a potom zapíše tri veci, ktoré sa oplatí opraviť ako prvé. Dokument si necháte v každom prípade.