Összefoglaló
Az alt szöveg-ellenőrző beolvassa az oldal összes img elemét, a lazán betöltött képeket is beleértve, és ellenőrzi az alt attribútumukat. Jelzi a hiányzó alt attribútumokat, a fájlneveket alt szövegként, az olyan általános szavakat, mint a „kép”, a 125 karakternél hosszabb alt szövegeket, ugyanazt az alt szöveget több képen, valamint a szöveg nélküli, linkelt képeket. Megszámolja azokat a képeket is, amelyeknek nincs megadva szélesség és magasság, ami elrendezés-eltolódást okoz.
Szeretnél többet megtudni? Kérdezd meg
Az alt szöveg leírja a képet azok számára, akik nem látják: a képernyőolvasók, a Google Képkeresés és a HTML-t olvasó AI-asszisztensek. Linkelt kép esetén horgonyszövegként is működik. A jó alt szöveg egyetlen rövid mondatban írja le, mit mutat a kép.
Mit jelez az ellenőrző?
- Hiányzó alt attribútum: a kép nem mond semmit, és néhány képernyőolvasó a fájlnevet olvassa fel.
- Fájlnév vagy általános szó: az „IMG_2034.jpg” vagy a „fotó” nem ír le semmit.
- Szöveg nélküli, linkelt kép: az alt szöveg lesz a horgonyszöveg, ennek a céloldalt kell leírnia.
- Túl hosszú vagy ismétlődő: tartsd 125 karakter alatt, és minden képhez tartozzon saját leírás.
Jó alt szöveg írása
- Írd le, amit a látogató lát, az oldal nyelvén: „Tölgyfa szék, elölnézet”.
- Csak akkor add hozzá a kulcsszót, ha valóban leírja a képet.
- A tisztán dekoratív képekhez írj alt=""-t, hogy a képernyőolvasók kihagyják őket.
- Minden képnek adj szélességet és magasságot, hogy elkerüld az elrendezés-eltolódást.
A képek publikálás előtti könnyítéséhez használd a képtömörítőt. A többi képi jelzésről lásd a képoptimalizálás és a Core Web Vitals szócikkeket.
