Visaptveroša rokasgrāmata par efektīva alt teksta rakstīšanu attēliem, nodrošinot pieejamību lietotājiem ar redzes traucējumiem un uzlabojot SEO globālai auditorijai.
Alt teksta rakstīšana: Aprakstoša attēlu pieejamība globālai auditorijai
Mūsdienu digitālajā vidē vizuālajam saturam ir izšķiroša loma auditorijas iesaistīšanā un informācijas nodošanā. Tomēr lietotājiem ar redzes traucējumiem piekļuve šim saturam var būt sarežģīta. Šeit talkā nāk alt teksts. Alt teksts jeb alternatīvais teksts ir īss attēla apraksts, kas ir iestrādāts HTML kodā. To skaļi nolasīja ekrāna lasītāji, ļaujot lietotājiem ar redzes traucējumiem saprast attēla saturu un kontekstu. Turklāt alt teksts uzlabo arī meklētājprogrammu optimizāciju (SEO), palīdzot meklētājprogrammām saprast un indeksēt jūsu attēlus, padarot jūsu vietni redzamāku globālai auditorijai.
Kāpēc alt teksts ir svarīgs: Pieejamība un SEO
Alt teksts nav tikai jauka funkcija; tas ir tīmekļa pieejamības pamataspekts un vērtīgs SEO rīks. Lūk, kāpēc tas ir tik svarīgi:
Pieejamība lietotājiem ar redzes traucējumiem
Ekrāna lasītāji paļaujas uz alt tekstu, lai aprakstītu attēlus lietotājiem, kuri tos nevar redzēt. Bez precīza un aprakstoša alt teksta šie lietotāji tiek izslēgti no pilnīgas jūsu vietnes satura izpratnes. Iedomājieties, ka pārlūkojat ziņu vietni un sastopaties ar protesta attēlu. Bez alt teksta ekrāna lasītājs varētu vienkārši paziņot "attēls", atstājot lietotāju pilnīgā neziņā par to, par ko ir protests. Aprakstošs alt teksts, piemēram, "Protestētāji Londonā tur plakātus, aicinot uz rīcību klimata jomā", sniedz būtisku kontekstu.
Tas kļūst vēl svarīgāk mācību saturam. Piemēram, gatavošanas vietnei, kurā parādīti suši pagatavošanas soļi, ir nepieciešams alt teksts, piemēram, "Šefpavāra tuvplāns, kas vienmērīgi izklāj rīsus uz nori jūraszāles", lai lietotāji varētu sekot līdzi.
Uzlabota SEO veiktspēja
Meklētājprogrammas izmanto alt tekstu, lai saprastu attēlu saturu un to atbilstību apkārtējam tekstam. Nodrošinot aprakstošu un atslēgvārdiem bagātu alt tekstu, jūs varat palīdzēt meklētājprogrammām efektīvāk indeksēt jūsu attēlus, uzlabojot jūsu vietnes kopējo meklēšanas rangu. Piemēram, ja jūs pārdodat rokām darinātu keramiku tiešsaistē, izmantojot alt tekstu, piemēram, "Roku darba keramikas krūze ar zilu glazūru", jūsu produkts parādīsies meklēšanas rezultātos, kad cilvēki meklēs līdzīgas preces. Tas ir īpaši svarīgi e-komercijas uzņēmumiem, kas mērķēti uz globālo tirgu.
Turklāt attēlu meklēšana ir arvien svarīgāka meklēšanas ainavas daļa. Labi optimizēts alt teksts nodrošina, ka jūsu attēli ir atrodami attēlu meklēšanas rezultātos, piesaistot papildu trafiku jūsu vietnei.
Atbilstība pieejamības standartiem
Daudzās valstīs ir pieejamības likumi un vadlīnijas, piemēram, Likums par amerikāņiem ar invaliditāti (ADA) Amerikas Savienotajās Valstīs, Likums par ontariešu ar invaliditāti pieejamību (AODA) Kanādā un Eiropas Pieejamības akts (EAA) Eiropā. Šie likumi bieži prasa, lai tīmekļa vietnes būtu pieejamas lietotājiem ar invaliditāti, tostarp tiem, kam ir redzes traucējumi. Precīza un aprakstoša alt teksta nodrošināšana ir būtiska, lai atbilstu šiem standartiem. Neatbilstība var radīt juridiskas sankcijas un reputācijas bojājumus.
Labākā prakse efektīva alt teksta rakstīšanai
Efektīva alt teksta rakstīšana prasa rūpīgu apsvēršanu un uzmanību detaļām. Šeit ir dažas labākās prakses, kurām sekot:
Esiet aprakstošs un kodolīgs
Alt teksta galvenais mērķis ir aprakstīt attēlu pēc iespējas precīzāk un kodolīgāk. Mēģiniet panākt līdzsvaru starp pietiekami daudz detaļu sniegšanu, lai nodotu attēla nozīmi, un teksta uzturēšanu īsu un viegli saprotamu. Parasti pietiek ar dažiem vārdiem līdz īsam teikumam. Apsveriet, ko attēls mēģina paziņot. Iedomājieties, ka jūs aprakstāt attēlu kādam, kurš to nevar redzēt.
Piemērs:
Slikti: image.jpg
Labi: Cilvēku grupa Mumbajā svin Divali ar brīnumsvecītēm.
Koncentrējieties uz kontekstu
Ideālais alt teksts būs atkarīgs no attēla konteksta. Apsveriet, kā attēls attiecas uz apkārtējo saturu un kādu informāciju tas pievieno. Ja attēls ir tīri dekoratīvs, varat izmantot tukšu alt atribūtu (alt=""), lai signalizētu ekrāna lasītājiem, ka tas ir jāignorē. Piemēram, ja jums ir rakstains fona attēls, kas nesniedz nekādu nozīmīgu informāciju, ir pareizi izmantot tukšu alt atribūtu.
Piemērs:
Lapā par ceļošanu Japānā:
Slikti: Japāņu dārzs
Labi: Mierīgs japāņu dārzs ar koi dīķi Kioto.
Iekļaujiet atbilstošus atslēgvārdus (bet nepārslogojiet)
Lai gan alt teksta galvenais mērķis ir pieejamība, tas arī sniedz iespēju uzlabot SEO. Iekļaujiet atbilstošus atslēgvārdus, kas precīzi apraksta attēlu un attiecas uz apkārtējo saturu. Tomēr izvairieties no atslēgvārdu pārslogojuma, kas var kaitēt SEO un padarīt alt tekstu mazāk noderīgu lietotājiem. Koncentrējieties uz dabiska un aprakstoša apraksta sniegšanu, kas ietver atbilstošus atslēgvārdus, kur tas ir piemēroti.
Piemērs:
Attēlam ar tradicionālu skotu kiltu:
Slikti: kilts tartāns vilna drēbes Skotija tradicionāls skotu
Labi: Vīrietis valkā tradicionālu skotu kiltu ar Royal Stewart tartāna rakstu.
Esiet specifiski par cilvēkiem
Ja attēlā ir redzami cilvēki, sniedziet konkrētu informāciju par viņiem, piemēram, viņu vārdus, lomas vai darbības. Tas ir īpaši svarīgi attēliem, kas ir daļa no ziņu rakstiem vai izglītojoša satura. Ja attēlā ir vēsturiska personība, miniet viņu vārdu un nozīmi. Ja tas ir komandas locekļa attēls lapā "Par mums", iekļaujiet viņu vārdu un amatu.
Piemērs:
Slikti: Cilvēki
Labi: Nelsons Mandela uzrunā pūli anti-aparteīda mītiņā Johannesburgā.
Aprakstiet attēla funkcionalitāti
Ja attēls ir saite vai poga, alt tekstam jāapraksta saites vai pogas funkcija. Piemēram, ja attēls ir poga ar uzrakstu "Iesniegt", alt tekstam jābūt "Iesniegt". Ja attēls ir saite uz citu lapu, alt tekstam jāapraksta mērķa lapa. Tas ir ļoti svarīgi lietotājiem, kuri paļaujas uz ekrāna lasītājiem, lai pārvietotos pa vietnēm.
Piemērs:
Attēlam, kas ved uz kontaktu lapu:
Slikti: Logotips
Labi: Saite uz kontaktu lapu.
Izvairieties no liekvārdības
Ja attēls jau ir aprakstīts apkārtējā tekstā, izvairieties no tās pašas informācijas atkārtošanas alt tekstā. Tā vietā koncentrējieties uz papildu detaļu vai konteksta sniegšanu, kas vēl nav aptverts tekstā. Tas palīdz izvairīties no liekvārdības un nodrošina, ka alt teksts sniedz vērtību lietotājiem.
Piemērs:
Ja rindkopā blakus attēlam jau ir aprakstīts konkrēts zieda veids:
Slikti: Saulespuķe
Labi: Saulespuķes tuvplāns, kurā redzams tās sarežģītais sēklu raksts.
Lietojiet pareizu gramatiku un pareizrakstību
Pārliecinieties, ka jūsu alt tekstā nav gramatisku kļūdu un pareizrakstības kļūdu. Tas atvieglos ekrāna lasītājiem teksta interpretāciju un lietotājiem attēla saprašanu. Pirms publicēšanas rūpīgi pārbaudiet savu alt tekstu. Pat nelielas kļūdas var ietekmēt lietotāja pieredzi un SEO.
Neiekļaujiet "Attēls ar..." vai "Bilde ar..."
Ekrāna lasītāji automātiski paziņo, ka tas ir attēls, tāpēc norādīt "Attēls ar..." vai "Bilde ar..." ir lieki. Vienkārši aprakstiet, kas ir attēlā.
Piemērs:
Slikti: Attēls ar Eifeļa torni
Labi: Eifeļa tornis, izgaismots naktī Parīzē.
Pārbaudiet savu alt tekstu
Pēc alt teksta uzrakstīšanas pārbaudiet to ar ekrāna lasītāju, lai pārliecinātos, ka tas sniedz skaidru un precīzu attēla aprakstu. Ir pieejami daudzi bezmaksas ekrāna lasītāji, piemēram, NVDA (NonVisual Desktop Access) un ChromeVox. Pārbaudot savu alt tekstu, jūs varēsiet identificēt jomas, kurās nepieciešami uzlabojumi, un nodrošināt, ka tas ir pieejams visiem lietotājiem.
Efektīva alt teksta piemēri dažādos kontekstos
Lai vēl vairāk ilustrētu efektīva alt teksta rakstīšanas principus, šeit ir daži piemēri dažādos kontekstos:
E-komercija
Attēls: Ādas rokassomiņas tuvplāns ar smalku nošuvumu.
Alt teksts: Roku darba ādas rokassomiņa ar detalizētu nošuvumu un misiņa sprādzes aizdari.
Ziņu raksts
Attēls: Fotoattēls ar protestu Honkongā.
Alt teksts: Protestētāji Honkongā tur lietussargus demonstrācijas laikā pret izdošanas likumprojektu.
Izglītības vietne
Attēls: Cilvēka sirds ilustrācija.
Alt teksts: Cilvēka sirds diagramma, kurā redzami priekškambari, kambari un galvenie asinsvadi.
Ceļojumu blogs
Attēls: Panorāmas skats uz Maču Pikču Peru.
Alt teksts: Panorāmas skats uz Maču Pikču, seno inku citadeli, kas atrodas Andu kalnos Peru.
Recepšu vietne
Attēls: Šķīvis ar svaigi ceptiem šokolādes cepumiem.
Alt teksts: Kaudzīte zeltaini brūnu šokolādes cepumu uz balta šķīvja.
Biežākās kļūdas, no kurām jāizvairās
Lai gan alt teksta rakstīšana var šķist vienkārša, ir vairākas bieži sastopamas kļūdas, no kurām jums vajadzētu izvairīties:
- Vispārīga alt teksta izmantošana: Izvairieties no vispārīga alt teksta, piemēram, "attēls" vai "bilde", izmantošanas. Šie apraksti nesniedz nekādu vērtību lietotājiem.
- Atslēgvārdu pārslogojums: Izvairieties no alt teksta pārpildīšanas ar pārmērīgi daudz atslēgvārdiem. Tas var kaitēt SEO un padarīt alt tekstu mazāk noderīgu lietotājiem.
- Tukša alt teksta atstāšana: Ja attēls sniedz nozīmīgu informāciju, alt teksta atstāšana tukša ir nopietna pieejamības problēma.
- Garu un izplūdušu aprakstu izmantošana: Uzturiet alt tekstu kodolīgu un mērķtiecīgu. Izvairieties no gariem un izplūdušiem aprakstiem, kurus ir grūti saprast.
- Konteksta ignorēšana: Rakstot alt tekstu, vienmēr ņemiet vērā attēla kontekstu un to, kā tas attiecas uz apkārtējo saturu.
Alt teksta ieviešana HTML
Pievienot alt tekstu attēliem ir vienkārši. Izmantojiet `alt` atribūtu `` tagā savā HTML kodā.
Piemērs:
``
Ja attēls ir tīri dekoratīvs, izmantojiet tukšu alt atribūtu:
``
Rīki un resursi alt teksta rakstīšanai
Ir pieejami daudzi rīki un resursi, kas palīdzēs jums rakstīt efektīvu alt tekstu:
- Tīmekļa pieejamības novērtēšanas rīki: Izmantojiet tīmekļa pieejamības novērtēšanas rīkus, lai identificētu attēlus, kuriem trūkst alt teksta vai kuriem ir neatbilstoši apraksti. Piemēri ietver WAVE un Axe.
- Ekrāna lasītāji: Izmantojiet ekrāna lasītājus, lai pārbaudītu savu alt tekstu un nodrošinātu, ka tas sniedz skaidru un precīzu attēla aprakstu.
- Pieejamības vadlīnijas: Skatiet pieejamības vadlīnijas, piemēram, Tīmekļa satura pieejamības vadlīnijas (WCAG), lai iegūtu detalizētu informāciju par pieejama alt teksta rakstīšanu.
- Tiešsaistes kursi un pamācības: Apmeklējiet tiešsaistes kursus un pamācības, lai uzzinātu vairāk par alt teksta rakstīšanu un tīmekļa pieejamību.
Noslēgums
Alt teksts ir būtisks tīmekļa pieejamības elements un vērtīgs SEO rīks. Ievērojot šajā rokasgrāmatā izklāstītās labākās prakses, jūs varat nodrošināt, ka jūsu attēli ir pieejami visiem lietotājiem, tostarp tiem, kam ir redzes traucējumi, un uzlabot savas vietnes redzamību meklēšanas rezultātos. Rakstot alt tekstu, atcerieties būt aprakstošs, kodolīgs un kontekstjutīgs, un vienmēr pārbaudiet savu alt tekstu ar ekrāna lasītāju, lai pārliecinātos, ka tas sniedz skaidru un precīzu attēla aprakstu. Piešķirot prioritāti alt tekstam, jūs varat radīt iekļaujošāku un pieejamāku tiešsaistes pieredzi globālai auditorijai.
Padarot savu vietni globāli pieejamu, jūs parādāt savu apņemšanos veicināt iekļaušanu un paplašināt savu potenciālo lietotāju bāzi. Ievērojot šīs vadlīnijas, jūs ne tikai padarāt savu vietni atbilstošu prasībām, bet arī uzlabojat pieredzi visiem saviem lietotājiem neatkarīgi no viņu spējām vai atrašanās vietas.
Atcerieties, ka internets ir globāls resurss, un pieejams saturs nāk par labu ikvienam.