Kaip parašyti gerą alternatyvųjį paveikslėlių tekstą

Kam skirtas alternatyvusis tekstas

Alternatyvusis tekstas (alt tekstas) yra paveikslėlio tekstinė alternatyva, įrašyta alt atribute. Ekrano skaitytuvai jį perskaito garsiai, Brailio ekranai jį parodo, o naršyklė jį rodo, kai paveikslėlis neįsikelia. Jį gali naudoti ir paieškos sistemos. Interneto prieinamumo standartas WCAG reikalauja tekstinės alternatyvos, kuri atlieka tą pačią užduotį kaip paveikslėlis (sėkmės kriterijus 1.1.1, A lygis).

Pagrindinė mintis: alternatyvusis tekstas nėra paveikslėlio antraštė ir ne paveikslėlio aprašymas dėl paties aprašymo. Jis pasako, ką paveikslėlis prideda puslapiui. Tai pačiai nuotraukai dviejuose puslapiuose gali reikėti skirtingo alternatyviojo teksto arba jo visai nereikėti.

Keturios paveikslėlių rūšys

• Informatyvūs paveikslėliai suteikia prasmės: nuotrauka, piktograma šalia telefono numerio, diagrama. Parašyk trumpą alternatyvųjį tekstą, kuris perteikia šią prasmę.
• Funkciniai paveikslėliai yra nuorodose ir mygtukuose. Alternatyvusis tekstas įvardija veiksmą ar tikslą, o ne paveikslėlį: „Ieškoti“ prie didinamojo stiklo, „Spausdinti šį puslapį“ prie spausdintuvo piktogramos.
• Dekoratyvūs paveikslėliai nieko neprideda: rėmelis, tarpiklis, ornamentas ar paveikslėlis, kuris tik kartoja šalia esantį tekstą. Suteik jiems tuščią alt atributą (alt=""), kad ekrano skaitytuvai juos praleistų, arba įdėk juos į stilių failą kaip foną.
• Teksto paveikslėliai yra paskutinė išeitis. Jei toks reikalingas, alternatyvusis tekstas pakartoja paveikslėlyje esančius žodžius. Logotipas, kuris nėra nuoroda, gauna organizacijos pavadinimą.

Kaip parašyti gerą alternatyvųjį tekstą

1. 1Paklausk savęs, kodėl paveikslėlis yra puslapyje. Ko lankytojui pritrūktų, jei jo nebūtų?
2. 2Parašyk tai, kas svarbu šiam tikslui, fraze ar vienu sakiniu.
3. 3Pradėk nuo turinio. Ekrano skaitytuvas paprastai praneša, kad tai paveikslėlis, todėl „paveikslėlis su“ ar „nuotrauka su“ retai padeda.
4. 4Nekartok to, ką jau sako šalia paveikslėlio esantis tekstas. Jei jis pasako viską, paveikslėlis yra dekoratyvus ir gauna tuščią alt.
5. 5Perskaityk alternatyvųjį tekstą garsiai, nežiūrėdamas(-a) į puslapį. Ar jis suprantamas atskirai?

Dažnos klaidos

• Visai nėra alt atributo. Tada kai kurie ekrano skaitytuvai perskaito failo pavadinimą.
• Failo pavadinimas ar kodas kaip alternatyvusis tekstas, pavyzdžiui, „IMG_2041.jpg“.
• Ta pati raktažodžių eilutė daugelyje paveikslėlių. Alternatyvusis tekstas pirmiausia skirtas žmonėms.
• Ilgas grynai dekoratyvaus paveikslėlio aprašymas.
• Mygtuko paveikslėlio išvaizdos aprašymas vietoj jo veiksmo. Paieškos mygtukas yra ne „didinamasis stiklas“, o „Ieškoti“.

Koks turi būti ilgis?

WCAG 1.1.1 nenurodo ženklų skaičiaus. W3C pataria rašyti trumpai, geriausia fraze ar sakiniu. Diagramoms ir kitiems sudėtingiems paveikslėliams visą informaciją pateik tekstu puslapyje, o alternatyvųjį tekstą palik trumpą. Jei reikia daugiau nei sakinio, paveikslėlis tikriausiai turi turinio, kuris priklauso puslapio tekstui.

Patikrink savo svetainę

Norėdamas(-a) rasti paveikslėlius be naudingo alternatyviojo teksto, paleisk puslapiui nemokamą alt tekstų patikrą. Norėdamas(-a) gauti pasiūlymų daugeliui paveikslėlių, naudok „Alt tekstų generatorių“. Automatinis pasiūlymas gali praleisti tai, kas svarbu tavo puslapyje, todėl perskaityk kiekvieną tekstą ir pakeisk jį, jei jis netinka paveikslėlio paskirčiai.

Do4U įrankiai padeda rašyti, o ne nuspręsti: ar paveikslėlis informatyvus, funkcinis ar dekoratyvus, geriausiai žinai tu. Po didesnių svetainės pakeitimų patikrink dar kartą.