alt atributas suteikia tekstinę alternatyvą, aprašydamas paveikslėlio turinį arba funkciją. Jis tarnauja vartotojams ir įrankiams, kurie negali matyti paveikslėlio.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt atributas suteikia tekstinę alternatyvą, aprašydamas paveikslėlio turinį arba funkciją. Jis tarnauja vartotojams ir įrankiams, kurie negali matyti paveikslėlio.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt garsiai, todėl aklasis vartotojas žino, ką perteikia paveikslėlis. Be jo, jie girdi failo pavadinimą arba tiesiog "paveikslėlis" — nenaudinga.alt tekstą vietoj sulaužytos paveikslėlio piktogramos.alt, kad suprastų ir indexuotų paveikslėlius (paveikslėlio SEO).<!-- ✅ describe the MEANING, not "image of..." -->
<img src="dog.jpg" alt="A golden retriever catching a frisbee" />
<!-- ✅ for functional images, describe the ACTION -->
<a href="/home"><img src="logo.png" alt="Acme home" /></a>
<!-- ✅ DECORATIVE images get an EMPTY alt so screen readers skip them -->
<img src="divider.png" alt="" />
alt="" (tuščias, bet esantis) yra svarbus: ekrano skaitytuvui nurodoma "tai dekoratyvus, ignoruoti." Praleidimas alt visiškai yra kitoks — tada skaitytuvas gali paskelbti failą pavadinimą.
alt yra vienas svarbiausias paveikslėlių prieinamumo atributas ir teisinis reikalavimas pagal prieinamumo standartus (WCAG).
Jis padaro turinį pasiekiamą nematantiems vartotojams, pateikia atsargą sugriuvus paveikslėliams ir padeda SEO — aprašykite, ką paveikslėlis reiškia kontekste, ir naudokite alt="" grynai dekoratyvių paveikslėlių atveju.