Analýza webu
Kontrola obrázkov
Nájdite chýbajúce ALT atribúty, neuvedené rozmery a nastavenie načítania obrázkov priamo v HTML stránky.
Čo vám kontrola ukáže
Tabuľka obrázkov ukáže zdroj, alternatívny text, rozmery a spôsob načítania. Prázdny ALT je odlíšený od chýbajúceho atribútu, pretože dekoratívne obrázky často nepotrebujú slovný opis.
- Obrázky bez ALT atribútu a obrázky s prázdnym ALT.
- Prítomnosť rozmerov width a height.
- Nastavenie lazy loading a adresy obrázkov.
Ako s výsledkom pracovať
Doplňte zmysluplný opis pri obrázkoch, ktoré nesú informáciu. Rozmery pomáhajú rezervovať miesto v rozložení. Úvodný veľký obrázok neposudzujte automaticky rovnako ako obrázky na konci článku.
Alternatívny text má vysvetľovať význam
ALT píšte podľa úlohy obrázka na konkrétnej stránke. Fotografia produktu môže opisovať model alebo dôležitý detail; ikona v odkaze môže vyjadrovať jeho cieľ. Neopakujte v každom obrázku názov webu ani zoznam kľúčových slov. Prázdny ALT pri dekorácii je bežný spôsob, ako čítačku nezaťažovať nepotrebným opisom.
Príklad: obrázky posúvajú rozloženie článku
Ak obrázky nemajú uvedené rozmery, prehliadač si nemusí vopred rezervovať správny priestor. Doplňte pomer strán cez rozmery alebo vhodné CSS v šablóne a overte zobrazenie na mobile. Nález chýbajúcich width a height je pomôcka, nie priame meranie posunov rozloženia. Samotný súbor sa touto kontrolou neoptimalizuje.
Časté otázky
Je prázdny ALT chyba?
Nemusí byť. Pri dekoratívnom obrázku môže byť alt="" správne. Chýbajúci atribút a prázdny alternatívny text sú dve odlišné situácie.
Meria sa veľkosť obrázkov v bajtoch?
Nie. Kontrola vyhodnocuje údaje z HTML a samotné obrazové súbory nesťahuje. Skutočný rozmer fotografie sa môže líšiť od atribútov v kóde.
Prečo tu nie je obrázok na pozadí?
Zoznam vychádza z elementov img. CSS pozadia a obrázky doplnené JavaScriptom sa doň nemusia dostať.
Mám dať lazy loading na každý obrázok?
Nie automaticky. Obrázok viditeľný hneď po otvorení stránky môže potrebovať skoré načítanie. Rozhodujte podľa skutočného umiestnenia a merania výkonu, nie iba podľa počtu obrázkov s lazy loading.
Overí nástroj správnosť textu ALT?
Ukáže jeho prítomnosť a znenie, no neporovnáva význam textu s obrazovým obsahom. Vhodnosť opisu, dekoratívnu úlohu a opakovanie informácie musí posúdiť človek.
Prečo má rovnaký obrázok viac riadkov?
Tabuľka sleduje výskyty obrázkov v HTML. Rovnaký súbor môže byť použitý v hlavičke, článku aj odporúčaniach. Každý výskyt môže mať iný ALT alebo spôsob načítania.
