Pragmatiškas vaizdų alt teksto gidas 2026 m.

Kodėl alt tekstas vis dar svarbus

Alt tekstas yra HTML specifikacijos dalis nuo 1995 m. Po trisdešimties metų dauguma vaizdų internete vis dar arba neturi alt atributo, arba turi alt tekstą, kuris skamba taip, lyg būtų parašytas žmogaus, niekada nesinaudojusio ekrano skaitytuvu.

Problema nebėra informuotumas. Dauguma turinio valdymo sistemų dabar alt lauką daro privalomą. Problema ta, kad alt tekstas tapo atitikties varnele, o ne komunikacijos priemone. Žmonės rašo „besisypsančio žmogaus vaizdas“, kai tikrasis kontekstas yra „CEO skelbia Q4 finansinius rezultatus“.

Alt tekstas egzistuoja dėl vienos priežasties: perteikti vaizdo paskirtį žmogui, kuris jo nemato. Ta paskirtis keičiasi priklausomai nuo konteksto. Kavos puodelio nuotrauka kavinės pagrindiniame puslapyje atlieka kitą funkciją nei ta pati nuotrauka tinklaraščio įraše apie keramikos glazūravimo technikas.

2026 m. taip pat turime AI įrankių, kurie gali automatiškai generuoti alt tekstą. Šie įrankiai gerėja, bet jie vis dar nesupranta konteksto. Jie aprašo tai, ką mato, o ne tai, kodėl vaizdas ten yra.

Sprendimų medis: ar šiam vaizdui reikia alt teksto?

Ne kiekvienam vaizdui reikia aprašomojo alt teksto. Kai kurie vaizdai yra dekoratyviniai. Kai kurie yra pertekliniai. Kai kuriems geriau tinka antraštės arba aplinkinis tekstas.

Štai sprendimo procesas:

Ar vaizdas perteikia informaciją, kurios nėra aplinkiniame tekste? Jei taip, jam reikia alt teksto. Jei ne, jis tikriausiai yra dekoratyvinis.

Ar aklas naudotojas praleistų ką nors svarbaus, jei šis vaizdas dingtų? Jei taip, rašykite alt tekstą. Jei ne, naudokite tuščią alt atributą (alt=""), kad ekrano skaitytuvai jį praleistų.

Ar vaizdas yra nuoroda arba mygtukas? Alt tekstas tampa nuorodos tekstu. Aprašykite paskirties vietą, o ne vaizdą. „Peržiūrėti kainodaros planus“ yra geriau nei „rodyklės piktograma“.

Ar vaizdas sudėtingas — diagrama, schema ar infografikas? Alt tekstas turi praktines ilgio ribas (apie 125 simbolius yra patogu daugumai ekrano skaitytuvų). Sudėtingiems vaizdams reikia ilgesnių aprašymų — antraštėje, pagrindiniame tekste arba per aria-describedby.

Kaip iš tikrųjų skamba geras alt tekstas

Geras alt tekstas yra konkretus, glaustas ir atsižvelgiantis į kontekstą. Jis atsako į klausimą: Kodėl šis vaizdas čia yra?

Blogai: „Grafiko vaizdas“

Geriau: „Linijinė diagrama, rodanti 23 % mobiliojo srauto augimą nuo 2026 m. sausio iki kovo“

Blogai: „Žmogus naudojasi nešiojamuoju kompiuteriu“

Geriau: „Dizaineris peržiūri svetainės maketus Figma“

Blogai: „Spustelėkite čia“

Geriau: „Atsisiųsti visą prieinamumo audito kontrolinį sąrašą (PDF)“

Atkreipkite dėmesį, kad gerame alt tekste dažnai būna skaičių, veiksmų arba rezultatų. Jis neaprašo kiekvienos vizualios detalės. Jis aprašo tai, kas svarbu.

Dekoratyviniams vaizdams — hero fono tekstūroms, ornamentiniams rėmeliams, vien estetinėms iliustracijoms — naudokite alt="". Tai nėra tinginystė. Tai semantinis sąžiningumas. Ekrano skaitytuvai vaizdą visiškai praleis, būtent to ir norite.

Dažnos klaidos, kurios švaisto visų laiką

Pradėti nuo „Vaizdas, kuriame“ arba „Nuotrauka, kurioje“: ekrano skaitytuvai jau praneša, kad tai yra vaizdas. Iškart pereikite prie aprašymo.

Raktažodžių prikimšimas dėl SEO: alt tekstas nėra vieta sugrūsti „geriausios ekologiškos kavos pupelės Brooklyn amatininkiškai skrudintos“. Google vaizdų paieška jau daugelį metų gerai aptinka tokius dalykus. Rašykite žmonėms.

Failo pavadinimo aprašymas: „IMG_3847.jpg“ niekam nepadeda. „hero-banner-final-v3“ taip pat.

Rašyti romaną: jei jūsų alt tekstas ilgesnis nei du sakiniai, ši informacija tikriausiai turėtų būti antraštėje arba pagrindiniame tekste.

Kartoti šalia esantį tekstą: jei antraštė sako „Kaip kepti raugintos tešlos duoną“, o vaizde matyti, kaip kažkas formuoja tešlą, alt tekstui nereikia kartoti antraštės. Aprašykite tai, kas vizualiai išsiskiria: „Rankos lanksto raugintos tešlos gabalą ant miltais pabarstyto paviršiaus.“

Įrankiai ir darbo eigos, kurios iš tikrųjų padeda

Dauguma šiuolaikinių CMS dabar turi integruotus alt teksto laukus. WordPress, Webflow, Contentful ir Sanity įkėlimo metu aiškiai parodo alt atributą. Tai, kad laukas matomas, nereiškia, kad jis užpildomas gerai.

Jei audituojate svetainę dėl trūkstamo ar prasto alt teksto, naršyklės plėtiniai, tokie kaip Accessibility Insights arba axe DevTools, gali pažymėti vaizdus be alt atributų. Greitam rankiniam patikrinimui išjunkite vaizdus naršyklėje (Firefox ir Chrome tai palaiko) ir perskaitykite puslapį. Jei alt tekstas kontekste turi prasmę, viską darote gerai.

AI sugeneruotas alt tekstas — pasiekiamas tokiuose įrankiuose kaip Azure Computer Vision, Google Cloud Vision arba integruotas į tokias platformas kaip Cloudflare Images — gali būti tinkamas pradinis taškas, ypač didelėms vaizdų bibliotekoms. Tačiau AI alt tekstą vertinkite kaip pirmą juodraštį. Jis tiksliai aprašys vaizdo turinį, bet nežinos, kodėl vaizdas yra puslapyje. Žmogus redaktorius vis tiek turi pridėti kontekstą.

Jei dirbate su svetaine, kurioje intensyviai naudojami vaizdai, ir norite anksti pastebėti našumo problemas, tokie įrankiai kaip Wux Webtools' Image Compressor gali padėti optimizuoti failų dydžius prieš įkėlimą — nes alt tekstas naudingas tik tada, kai vaizdas iš tikrųjų įkeliamas.

Alt tekstas ir SEO 2026 m.

Google jau daugelį metų teigia, kad alt tekstas yra reitingavimo veiksnys vaizdų paieškoje. Tai vis dar tiesa. Tačiau vaizdų paieškos optimizavimas nėra tas pats, kas prieinamumas.

Jei alt tekstą pirmiausia rašysite SEO tikslais, gausite raktažodžiais prikimštą beprasmybę, dėl kurios ekrano skaitytuvų naudotojams puslapį naršyti bus sunkiau. Jei alt tekstą pirmiausia rašysite prieinamumui, SEO nauda atsiras natūraliai, nes aprašomasis, kontekstinis alt tekstas yra būtent tai, ką Google vaizdų paieškos algoritmas bando iškelti.

Vienas niuansas: Google Images dabar daug labiau nei anksčiau remiasi aplinkiniu puslapio turiniu. Jei jūsų alt tekstas geras, bet bendras („šokoladinis tortas su glaistu“), o jūsų puslapis yra apie veganišką kepimą, Google supras kontekstą. Nereikia rašyti „veganiškas šokoladinis tortas su glaistu be pieno produktų“, nebent šis skirtumas vaizde yra vizualiai akivaizdus.

Svarbiausios įžvalgos

• Alt tekstas egzistuoja tam, kad perteiktų vaizdo paskirtį, o ne aprašytų kiekvieną vizualią detalę
• Dekoratyviniai vaizdai turėtų naudoti alt="", kad ekrano skaitytuvai juos visiškai praleistų
• Geras alt tekstas yra konkretus, atsižvelgiantis į kontekstą ir atsako į klausimą „kodėl šis vaizdas čia yra?“
• AI sugeneruotas alt tekstas yra naudingas pradinis taškas, bet jam vis tiek reikia žmogaus redagavimo dėl konteksto
• Pirmiausia rašykite dėl prieinamumo; SEO nauda natūraliai kyla iš aiškaus, aprašomojo teksto

DUK

K: Ar galiu tiesiog naudoti AI visam savo alt tekstui sugeneruoti?

A: AI įrankiai gerai aprašo, kas yra vaizde, bet jie nesupranta konteksto. Jei dirbate su šimtais produktų vaizdų ir jums reikia bazinio lygio, AI alt tekstas tinka. Redakciniam turiniui, rinkodaros puslapiams ar bet kam, kur svarbi vaizdo egzistavimo priežastis, žmogus turi peržiūrėti ir paredaguoti.

K: Kokio ilgio turėtų būti alt tekstas?

A: Daugumai ekrano skaitytuvų patogu, kai tekstas yra 125 simbolių ar trumpesnis. Jei reikia daugiau, informacija tikriausiai turėtų būti antraštėje, pagrindiniame tekste arba ilgesniame aprašyme, susietame per aria-describedby. Griežtos techninės ribos nėra, bet ilgesnis alt tekstas tampa nepatogus naršyti.

K: Ar logotipams reikia alt teksto?

A: Taip, bet laikykite jį paprastą. Jei jūsų logotipas yra antraštėje ir nukreipia į pagrindinį puslapį, alt tekstas turėtų būti jūsų įmonės pavadinimas: alt="Acme Corp". Nerašykite alt="Acme Corp logo", nebent pats faktas, kad tai logotipas, kaip nors svarbus kontekstui.

K: Kuo skiriasi alt tekstas ir antraštė?

A: Alt tekstas yra tiesioginis vaizdo pakaitalas. Ekrano skaitytuvai jį perskaito, kai pasiekia vaizdą. Antraštė yra papildoma informacija, matoma visiems, kuri prideda konteksto arba autorystės informaciją. Jei turite abu, jie neturėtų kartoti vienas kito.

K: Ar turėčiau pridėti alt tekstą fono vaizdams CSS?

A: Ne. CSS fono vaizdai pagal apibrėžimą yra dekoratyviniai ir nėra pateikiami ekrano skaitytuvams. Jei fono vaizdas perteikia svarbią informaciją, jis turėtų būti <img> elementas HTML su tinkamu alt tekstu.

Šaltiniai

• W3C Web Accessibility Initiative: Images Tutorial
• WebAIM: Alternative Text
• Nielsen Norman Group: Alt Text for Images
• Google Search Central: Image SEO Best Practices