Tīmekļa atvēršana: visaptveroša rokasgrāmata par alternatīvo tekstu un attēlu pieejamību

Mūsu arvien vizuālākajā digitālajā vidē attēli ir spēcīgi rīki komunikācijai, iesaistei un informācijas izplatīšanai. Tomēr lielai daļai pasaules iedzīvotāju šie vizuālie elementi var radīt arī šķēršļus izpratnei un līdzdalībai. Tieši šeit alternatīvais teksts, plaši pazīstams kā alt teksts, spēlē izšķirošu lomu, nodrošinot tīmekļa pieejamību un veicinot digitālo iekļaušanu. Šī visaptverošā rokasgrāmata izpētīs, kāpēc alt teksts ir neaizstājams, kā rakstīt efektīvu alt tekstu un kāda ir tā plašākā ietekme uz SEO un globālajiem tīmekļa standartiem.

Alternatīvā teksta izšķirošā loma tīmekļa pieejamībā

Tīmekļa pieejamība attiecas uz praksi veidot un izstrādāt tīmekļa vietnes, rīkus un tehnoloģijas tā, lai cilvēki ar invaliditāti varētu tos izmantot. Saskaņā ar Pasaules Veselības organizācijas (PVO) datiem vairāk nekā 1 miljards cilvēku visā pasaulē dzīvo ar kādu invaliditātes formu, un ievērojams skaits no viņiem saskaras ar redzes traucējumiem. Šiem lietotājiem, tostarp neredzīgiem vai vājredzīgiem cilvēkiem, alt teksts nav tikai izvēles uzlabojums; tas ir fundamentāla nepieciešamība.

Kā cilvēki ar redzes traucējumiem piekļūst attēliem tiešsaistē?

• Ekrāna lasītāji: Tās ir palīgtehnoloģijas, kas skaļi nolasa tīmekļa lapas saturu. Kad ekrāna lasītājs sastopas ar attēlu, tas nolasīs ar šo attēlu saistīto alt tekstu. Bez alt teksta ekrāna lasītājs parasti paziņos "attēls" vai norādīs faila nosaukumu, kas lietotājam bieži vien ir bezjēdzīgi un kaitinoši.
• Teksta pārlūkprogrammas: Daži lietotāji ātruma vai personīgo preferenču dēļ izvēlas tikai teksta pārlūkprogrammas, kas attēlu vietā rādīs alt tekstu.
• Zema joslas platuma situācijas: Reģionos ar ierobežotu interneta savienojumu lietotāji var atspējot attēlu ielādi. Alt teksts nodrošina kontekstu, kas citādi tiktu zaudēts.

Papildus tiešajai pieejamībai lietotājiem ar redzes traucējumiem, alt teksts veicina arī robustāku tīmekli visiem. Tas palīdz meklētājprogrammām izprast attēlu saturu, būtiski ietekmējot meklētājprogrammu optimizāciju (SEO).

Kas ir efektīvs alt teksts? Māksla un zinātne

Efektīva alt teksta rakstīšana ir prasme, kas līdzsvaro kodolīgumu ar aprakstīgumu. Mērķis ir nodot būtisko informāciju un attēla mērķi kādam, kurš to nevar redzēt.

Galvenie principi izcila alt teksta rakstīšanai:

1. Esiet konkrēts un aprakstošs: Vispārīgu aprakstu vietā sniedziet detaļas, kas atspoguļo attēla būtību.
2. Ņemiet vērā kontekstu: Attēla mērķis lapā nosaka tā alt teksta saturu. Kādu informāciju attēls ir paredzēts nodot lietotājam?
3. Saglabājiet kodolīgumu: Centieties, lai alt teksts parasti nepārsniegtu 125 rakstzīmes. Ekrāna lasītāji var saīsināt garākus aprakstus, un lietotāji nevēlas klausīties garus fragmentus.
4. Izvairieties no liekvārdības: Nesāciet alt tekstu ar frāzēm kā "attēls ar", "bilde ar" vai "grafika ar". Ekrāna lasītāji jau identificē elementus kā attēlus.
5. Izmantojiet atslēgvārdus dabiski (SEO nolūkos): Ja tas ir atbilstoši, iekļaujiet atslēgvārdus, kas precīzi apraksta attēlu un apkārtējo saturu, bet nekad nepārslogojiet ar atslēgvārdiem.
6. Pieturzīmēm ir nozīme: Pareiza pieturzīmju lietošana var palīdzēt ekrāna lasītājiem efektīvāk parsēt tekstu.
7. Speciālās rakstzīmes un simboli: Pievērsiet uzmanību tam, kā ekrāna lasītāji var nolasīt speciālās rakstzīmes.

Attēlu veidi un kā tos aprakstīt:

Dažādiem attēlu veidiem ir nepieciešama atšķirīga pieeja alt tekstam:

1. Informatīvi attēli

Šie attēli sniedz konkrētu informāciju, piemēram, diagrammas, grafikus, shēmas vai fotogrāfijas, kas stāsta stāstu vai prezentē datus. Alt tekstam precīzi jāapraksta sniegtā informācija.

• Piemērs: Stabiņu diagramma, kas rāda globālos interneta izplatības rādītājus.
• Slikts alt teksts: "Diagramma" vai "Interneta statistika"
• Labs alt teksts: "Stabiņu diagramma, kas ilustrē stabilu globālās interneta izplatības pieaugumu no 30% 2010. gadā līdz 65% 2023. gadā, ar izteiktu izaugsmi jaunattīstības valstīs."

2. Funkcionāli attēli

Šie ir attēli, kas darbojas kā saites vai pogas, izraisot kādu darbību. Alt tekstam ir jāapraksta attēla funkcija, nevis obligāti tā izskats.

• Piemērs: Palielināmā stikla ikona, ko izmanto kā meklēšanas pogu.
• Slikts alt teksts: "Palielināmais stikls"
• Labs alt teksts: "Meklēt" vai "Sākt meklēšanu"

3. Dekoratīvi attēli

Šie attēli ir paredzēti tikai estētiskiem mērķiem un nesniedz nekādu nozīmīgu informāciju. Ekrāna lasītāji tos var droši ignorēt.

• Piemērs: Smalka fona tekstūra vai tīri dekoratīva apmale.
• Labs alt teksts: Izmantojiet tukšu alt atribūtu: alt="". Tas norāda ekrāna lasītājam pilnībā izlaist attēlu.
• Slikta prakse: Pilnībā izlaist alt atribūtu. Tas dažkārt var novest pie faila nosaukuma nolasīšanas, kas nav ideāli.

4. Kompleksi attēli (diagrammas, grafiki, infografikas)

Ļoti sarežģītiem attēliem, kurus nevar pienācīgi aprakstīt īsā alt tekstā, bieži ir nepieciešams sniegt garāku aprakstu. To var izdarīt, izveidojot saiti uz atsevišķu lapu ar detalizētu aprakstu vai izmantojot longdesc atribūtu (lai gan tā atbalsts samazinās, saite uz aprakstu joprojām ir stabils risinājums).

• Piemērs: Sarežģīta infografika, kas detalizēti apraksta klimata pārmaiņu cēloņus un sekas.
• Labs alt teksts: "Infografika par klimata pārmaiņām. Skatiet detalizētu aprakstu, lai iegūtu pilnu informāciju."
• Saistītais apraksts: Atsevišķa lapa vai sadaļa ar rūpīgu tekstuālu infografikas satura skaidrojumu.

5. Attēli ar tekstu

Ja attēlā ir teksts, alt tekstam ideālā gadījumā būtu jāatkārto šis teksts vārds vārdā. Ja teksts ir pieejams arī apkārtējā HTML, jums, iespējams, nav nepieciešams to iekļaut alt tekstā, bet tā atkārtošana nodrošina konsekvenci.

• Piemērs: Logotips, kurā iekļauts uzņēmuma nosaukums.
• Labs alt teksts: "[Uzņēmuma nosaukums]"

Biežākās kļūdas, no kurām izvairīties:

• Alt teksta izlaišana: Šī ir visbiežākā un kaitīgākā kļūda.
• Vispārīga alt teksta izmantošana: "Attēls", "foto", "grafika".
• Pārslogošana ar atslēgvārdiem: Alt teksta pārslogojums ar neatbilstošiem atslēgvārdiem.
• Acīmredzamā aprakstīšana: "Smaidoša persona", ja attēls ir tikai standarta foto ar smaidošu personu.
• Alt teksta neatjaunināšana: Ja attēls mainās vai mainās tā konteksts, alt teksts ir attiecīgi jāatjaunina.

Alt teksts un meklētājprogrammu optimizācija (SEO)

Lai gan alt teksta galvenais mērķis ir pieejamība, tas sniedz būtiskas priekšrocības SEO. Meklētājprogrammas, īpaši Google, izmanto alt tekstu, lai izprastu attēlu saturu. Šī informācija tām palīdz:

• Indeksēt attēlus: Attēli ar aprakstošu alt tekstu, visticamāk, parādīsies attēlu meklēšanas rezultātos.
• Izprast lapas saturu: Alt teksts veicina kopējo izpratni par tīmekļa lapas tēmu, kas var uzlabot tās rangu vispārējos meklēšanas rezultātos.
• Uzlabot lietotāju pieredzi: Pieejams saturs veicina labāku iesaisti, zemākus atlēcienu rādītājus un ilgāku uzturēšanās laiku lapā, kas visi ir pozitīvi SEO signāli.

Veidojot alt tekstu, domājiet par terminiem, kurus lietotājs varētu izmantot, lai meklētu šo attēlu. Piemēram, ja jums ir attēls ar vēsturisku pieminekli Kioto, Japānā, aprakstošs alt teksts, kas ietver "Kinkaku-ji zelta paviljons Kioto Japāna", varētu palīdzēt tam ierindoties attēlu meklēšanā.

Alt teksta ieviešana: tehniskie apsvērumi

Alt teksta ieviešana ir vienkārša, izmantojot HTML <img> tagu.

Pamata struktūra:

<img src="attela-faila-nosaukums.jpg" alt="Attēla apraksts šeit">

Dekoratīviem attēliem:

<img src="dekorativs-elements.png" alt="">

Attēliem, kas tiek izmantoti kā saites: Pārliecinieties, ka alt teksts apraksta saites funkciju.

<a href="kontakti.html">
  <img src="aploksnes-ikona.png" alt="Sazināties ar mums">
</a>

Satura pārvaldības sistēmām (CMS), piemēram, WordPress, Squarespace, Wix utt.: Lielākā daļa platformu nodrošina īpašu lauku alt tekstam, augšupielādējot attēlus. Pārliecinieties, ka šo lauku izmantojat konsekventi.

CSS fona attēliem: Ja attēls ir tīri dekoratīvs un tiek izmantots kā CSS fons, tam parasti nav nepieciešams alt teksts. Tomēr, ja fona attēls sniedz būtisku informāciju, jums vajadzētu apsvērt alternatīvas metodes, kā šo informāciju nodot tekstuāli lapā vai izmantot <img> tagu ar atbilstošu alt tekstu un nepieciešamības gadījumā to vizuāli paslēpt.

Globālās perspektīvas un starptautiskie standarti

Alt teksta principi ir universāli, bet izpratne un ieviešana dažādos reģionos un kultūrās atšķiras. Tīmekļa pieejamības veicināšana ir globāls centiens, ko vada starptautiski standarti un tiesiskie regulējumi.

Tīmekļa satura pieejamības vadlīnijas (WCAG)

WCAG ir starptautiski atzītu vadlīniju kopums, lai padarītu tīmekļa saturu pieejamāku. Izstrādājis World Wide Web Consortium (W3C), WCAG sniedz ieteikumus, kā padarīt saturu pieejamu cilvēkiem ar dažādām invaliditātēm. Alt teksts ir fundamentāla prasība saskaņā ar WCAG, īpaši attiecībā uz vadlīniju 1.1.1 Netekstuāls saturs.

WCAG ievērošana nodrošina, ka jūsu tīmekļa vietne ir lietojama pēc iespējas plašākai auditorijai, neatkarīgi no tās atrašanās vietas, valodas vai spējām.

Tiesiskie un ētiskie imperatīvi

Daudzas valstis ir pieņēmušas likumus un noteikumus, kas prasa digitālo pieejamību, bieži saskaņojot tos ar WCAG standartiem. Piemēri ietver:

• Amerikāņu ar invaliditāti akts (ADA) Amerikas Savienotajās Valstīs: Nosaka pieejamību sabiedriskām vietām, tostarp tīmekļa vietnēm.
• Pieejamības akts Ontārio iedzīvotājiem ar invaliditāti (AODA) Kanādā: Prasa valdības un privātā sektora organizācijām padarīt savu digitālo saturu pieejamu.
• Eiropas Pieejamības akts (EAA): Harmonizē pieejamības prasības dažādiem produktiem un pakalpojumiem visā ES, tostarp tiešsaistes saturam.
• Invaliditātes diskriminācijas akts (DDA) Apvienotajā Karalistē: Prasa pakalpojumu sniedzējiem veikt saprātīgus pielāgojumus klientiem ar invaliditāti, tostarp tīmekļa pieejamību.

Papildus juridiskajai atbilstībai pieejama satura veidošana ir ētisks imperatīvs. Tas atspoguļo apņemšanos nodrošināt godīgumu, vienlīdzību un visu indivīdu pamattiesības piekļūt informācijai un piedalīties digitālajā pasaulē.

Gadījumu izpēte un piemēri no visas pasaules

Aplūkosim dažus praktiskus piemērus, kas demonstrē efektīvu alt teksta izmantošanu dažādos kontekstos:

• E-komercijas vietne Indijā, kas pārdod tradicionālos tekstilizstrādājumus, varētu izmantot alt tekstu, piemēram: "Spilgts, ar rokām austs zīda sari ar sarežģītu ziedu izšuvumu sārtos un zelta toņos." Tas ne tikai palīdz vājredzīgiem pircējiem, bet arī palīdz meklētājprogrammām saprast produktu potenciālajiem pircējiem, kas meklē "Indijas zīda sari".
• Ziņu izdevums Brazīlijā, kas atspoguļo sporta pasākumu, varētu izmantot alt tekstu fotogrāfijai ar uzvaras vārtiem: "Brazīlijas futboliste Marta svin pēc uzvaru nesošā soda sitiena gūšanas, komandas biedrenēm steidzoties viņu apsveikt." Tas nodod mirkļa emocijas un darbību.
• Valdības portāls Singapūrā, kas sniedz sabiedriskos pakalpojumus, varētu izmantot alt tekstu ikonai, kas attēlo digitālu veidlapu: "Lejupielādēt pieteikuma veidlapu." Tas precizē ikonas funkcionalitāti.
• Izglītības platforma Vācijā ar sarežģītu zinātnisku diagrammu varētu izmantot alt tekstu, lai apkopotu galveno koncepciju: "Diagramma, kas ilustrē fotosintēzes procesu augos, parādot, kā gaismas enerģija pārvērš oglekļa dioksīdu un ūdeni glikozē un skābeklī." Sekotu saite uz detalizētāku skaidrojumu.

Rīki un labākās prakses alt teksta auditēšanai un uzlabošanai

Nodrošināt, ka visiem attēliem ir atbilstošs alt teksts, var būt apgrūtinošs uzdevums, īpaši lielām tīmekļa vietnēm. Par laimi, ir vairāki rīki un stratēģijas, kas var palīdzēt:

Automatizēti pieejamības pārbaudītāji:

Daudzi pārlūkprogrammu paplašinājumi un tiešsaistes rīki var skenēt jūsu tīmekļa vietni, meklējot pieejamības problēmas, tostarp trūkstošu alt tekstu.

• WAVE Web Accessibility Evaluation Tool: Populārs pārlūkprogrammas paplašinājums, kas atzīmē pieejamības kļūdas, ieskaitot trūkstošu alt tekstu.
• Lighthouse (iebūvēts Chrome DevTools): Nodrošina automatizētus pieejamības auditus.
• axe DevTools: Vēl viens spēcīgs pārlūkprogrammas paplašinājums pieejamības problēmu identificēšanai.

Manuālā auditēšana:

Lai gan automatizētie rīki ir noderīgi, manuāla pārbaude ir būtiska, lai nodrošinātu alt teksta kvalitāti un kontekstualitāti. Tas bieži ietver:

• Ekrāna lasītāju izmantošana: Tieši pārbaudiet savu tīmekļa vietni ar ekrāna lasītājiem, piemēram, NVDA (Windows), JAWS (Windows) vai VoiceOver (macOS/iOS), lai pieredzētu saturu tā, kā to darītu vājredzīgs lietotājs.
• Koda pārbaude: Manuāli pārbaudiet HTML, meklējot <img> tagus un ar tiem saistītos alt atribūtus.

Pieejamības darba plūsmas izstrāde:

Pieejamības integrēšana jūsu satura veidošanas un izstrādes procesā ir atslēga ilgtermiņa panākumiem.

• Apmācības satura veidotājiem un dizaineriem: Izglītojiet komandas par alt teksta nozīmi un to, kā to efektīvi rakstīt.
• Izstrādātāju vadlīnijas: Izveidojiet skaidrus kodēšanas standartus, kas ietver alt teksta prasības visiem nozīmīgajiem attēliem.
• Satura pārvaldības sistēmas (CMS) labākās prakses: Konfigurējiet CMS platformas, lai tās prasītu vai piespiestu ievadīt alt tekstu.
• Regulāri auditi: Ieplānojiet periodiskus pieejamības auditus, lai atklātu jaunas problēmas un nodrošinātu pastāvīgu atbilstību.

Attēlu pieejamības nākotne

Attīstoties mākslīgajam intelektam (MI) un mašīnmācībai, mēs varam redzēt arvien sarežģītākus rīkus automātiskai alt teksta ģenerēšanai. MI jau var izmantot, lai identificētu objektus attēlos un ģenerētu aprakstošus parakstus. Tomēr ir svarīgi atcerēties, ka MI ģenerētam alt tekstam bieži trūkst konteksta nianses un mērķa izpratnes, ko var sniegt cilvēks. Tāpēc cilvēka uzraudzība un rediģēšana, visticamāk, paliks būtiska, lai tuvākajā nākotnē radītu patiesi efektīvu un pieejamu alt tekstu.

Turklāt diskusijas par bagātākiem aprakstiem sarežģītiem medijiem un pieejamu bagātinātu interneta lietojumprogrammu (ARIA) atribūtu izpēte turpina veidot mainīgo tīmekļa pieejamības ainavu.

Secinājums: Alt teksta pieņemšana iekļaujošākam tīmeklim

Alternatīvais teksts ir kas vairāk par tehnisku prasību; tas ir iekļaujošas un taisnīgas digitālās pieredzes stūrakmens. Rūpīgi veidojot aprakstošu, kontekstuāli atbilstošu alt tekstu visiem nozīmīgajiem attēliem, mēs ne tikai atbilstam starptautiskajiem standartiem un juridiskajām saistībām, bet, kas ir vēl svarīgāk, mēs atveram digitālo pasauli miljoniem cilvēku ar redzes traucējumiem. Šī apņemšanās nodrošināt pieejamību nāk par labu visiem, uzlabojot SEO, uzlabojot lietotāju pieredzi un veicinot viesmīlīgāku tiešsaistes vidi globālai auditorijai.

Padarīsim tīmekli par vietu, kur katrs attēls stāsta stāstu, kas pieejams visiem. Sāciet ieviest efektīvas alt teksta prakses jau šodien un sniedziet savu ieguldījumu patiesi iekļaujošā digitālajā nākotnē.