Cum să creați text alternativ pentru imagini pentru accesibilitate și SEO

Dacă creați sau publicați conținut digital de orice fel, probabil că până acum ați auzit cel puțin ceva despre importanța creării de conținut care este accesibil persoanelor cu dizabilități. Textul alternativ (numit și „text alternativ”) vă ajută să vă asigurați că persoanele nevăzătoare sau cu deficiențe de vedere sau care pot avea alte dizabilități fizice sau cognitive pot accesa și înțelege conținut vizual, cum ar fi imagini, diagrame și grafice.

În Statele Unite, Actul Americans With Disabilities (ADA) impune ca tot conținutul digital să fie accesibil persoanelor cu dizabilități. Alte țări au propriile cerințe. Pentru persoanele care folosesc cititoare de ecran sau alte tehnologii de asistență pentru a accesa conținut digital, conținutul accesibil este esențial pentru a se asigura că pot accesa și înțelege conținutul în același mod în care ar face-o cineva care nu are nevoie de asistență.

Ce este textul alternativ?

Textul alternativ, în cea mai simplă formă, este un cod de fundal adăugat la o imagine digitală care permite unui cititor de ecran sau altă tehnologie de asistență să descrie conținutul și semnificația imaginii pentru cei care nu pot vedea imaginea sau pot fi în imposibilitatea de a procesa imaginea din cauza unei dizabilitate cognitivă.

Este folosit în mai multe moduri:

• Cititoarele de ecran și alte tehnologii de asistență îl folosesc pentru a descrie imaginea utilizatorilor, astfel încât aceștia să poată accesa și înțelege conținutul.
• În browserele în care imaginile sunt blocate, textul alternativ este afișat în locul imaginii.
• Motoarele de căutare îl folosesc pentru a determina conținutul și contextul imaginilor.

Cititorii de ecran pot spune când este prezentă o imagine, dar nu pot analiza conținutul acestora. Textul alternativ este citit în locul imaginii pentru a oferi utilizatorilor înțelegerea sensului și contextului imaginii.

Cum să adăugați text alternativ la imagini

Din păcate, nu există o singură modalitate de a adăuga text alternativ. Diferite platforme software o fac în moduri diferite. Verificați documentația software-ului sau fișierele de ajutor pentru informații despre cum să adăugați text alternativ la imaginile dvs. din cadrul acelei platforme.

În Microsoft Word, de exemplu, faceți clic dreapta pe imagine și alegeți Adăugați text alternativ. Apoi, adăugați textul în fereastra de text alternativ din bara laterală care se deschide. Când ați terminat, închideți pur și simplu bara laterală și textul dvs. alternativ se va salva împreună cu imaginea.

Alt text vs. subtitrări

Textul alternativ și subtitrările sunt similare în multe privințe. Ambele oferă o descriere a imaginii și contextul modului în care imaginea se potrivește cu restul conținutului. Cu toate acestea, textul alternativ este de obicei „în culise”, în timp ce subtitrările sunt vizibile pentru oricine accesează pagina. Mai mult, este posibil ca subtitrările să nu includă întotdeauna o descriere completă a imaginii și a conținutului acesteia, deoarece sunt utilizate de obicei pentru a îmbunătăți sau a oferi context pentru o imagine vizibilă.

Cu toate acestea, subtitrările pot fi mai utile în scopuri de accesibilitate. Subtitrările sunt utile în special pentru imaginile care ar putea necesita mult text alternativ pentru a le descrie cu precizie. În loc să creați un text alternativ lung și mai puțin util, pot fi făcute descrieri mai lungi folosind o legendă. Apoi, textul alternativ poate oferi o scurtă descriere a imaginii și poate sugera utilizatorului să se uite la legendă pentru o descriere și/sau context mai completă.

Cele mai bune practici pentru textul alternativ

Crearea unui text alternativ bun nu este o știință – este mai mult o artă. Prea scurt și poate să nu ofere suficiente detalii. Prea lung și poate fi plictisitor. Dar iată câteva lucruri de reținut atunci când creați text alternativ.

1. Descrieți cu acuratețe conținutul și funcția imaginii

Oamenii care folosesc tehnologia de asistență se bazează pe conținutul textului alternativ pentru a le oferi nu doar ceea ce conține imaginea, ci orice context pentru imagine, dacă nu este ușor disponibilă. În funcție de complexitatea imaginii, poate fi mai bine să oferiți context în textul conținutului dvs. pentru a evita textul alternativ prea lung.

2. Cu cât este mai scurt, cu atât mai bine, dar nu prea scurt

Una dintre principalele preocupări ale textului alternativ este lungimea. Multe cititoare de ecran* vor citi fie tot textul alternativ, fie niciunul, așa cum este scris. Cu alte cuvinte, de multe ori nu există nicio modalitate ca cineva care folosește o tehnologie de asistență să sări înainte pentru a găsi conținut mai relevant sau să facă o pauză și să se întoarcă la ceva ce nu a înțeles. Dacă cel mai relevant conținut se află la sfârșitul textului alternativ, utilizatorul ar trebui să asculte toate informațiile irelevante înainte de a descoperi de ce este inclusă imaginea.

Oferiți suficiente detalii pentru a descrie cu acuratețe imaginea, dar evitați detaliile minuscule care nu sporesc neapărat semnificația motivului pentru care imaginea a fost inclusă.

De exemplu, în imaginea de mai sus, există o serie de moduri în care o puteți descrie, în funcție de ceea ce încearcă să transmită în contextul conținutului din jur.

Ar fi tentant să-l descriem doar ca pe un ecran de computer. Și, în unele cazuri, asta ar putea fi suficient. Dar, într-un articol despre utilizarea estomparii ecranului pentru a ascunde informații sensibile, poate fi necesar să descrii imaginea ca pe un ecran de computer cu arborele de fișiere neclar pentru confidențialitate.

Dacă articolul a fost despre un anumit tip de codare și imaginea a încercat să arate un exemplu al codului respectiv, poate fi necesar să intri în mai multe detalii despre codul afișat.

Sau, poate că articolul este despre lățimea teșirii pe ecranul computerului, așa că ar trebui să existe detalii despre asta, în schimb.

În acest sens, crearea unui text alternativ bun este mai degrabă o formă de artă decât o știință. Textul alternativ ar trebui să fie suficient de lung pentru a descrie cu acuratețe imaginea, dar nu atât de lung încât să fie greoi.

3. Utilizați semnele de punctuație și ortografia adecvate

Majoritatea cititoarelor de ecran* vor citi textul alternativ exact așa cum apare, inclusiv greșelile de ortografie și de punctuație. În programe precum Microsoft Word, nu există nicio modalitate de a verifica ortografia sau gramatica textului alternativ, așa că veți dori să fiți foarte atenți.

În mod similar, trebuie să utilizați semnele de punctuație adecvate, altfel textul dvs. alternativ poate suna ca o propoziție cu adevărat enervantă sau, mai rău, nu are deloc sens.

De fapt, nu este o idee rea să creați un document nou în care să compuneți textul alternativ folosind corectoarele ortografice și gramaticale încorporate ale Word și apoi, când sunteți mulțumit și nu face greșeli, copiați și lipiți-l în alt. fereastra text a oricărui software pe care îl utilizați.

Majoritatea browserelor moderne verifică automat ortografia, așa că dacă scrieți ceva într-un sistem de management al conținutului (CMS) sau în Google Docs, este probabil să vă verificați ortografia și gramatica, dar este o practică bună să corectați indiferent.

Sfat profesionist: asigurați-vă că recenzorii dvs. de conținut verifică, de asemenea, pentru a vă asigura că textul dvs. alternativ este o descriere corectă a imaginii, utilizează ortografie și gramatică adecvate și este clar și concis atunci când examinează restul conținutului dvs.

4. Nu aveți nevoie de un titlu pentru accesibilitate, dar poate fi de ajutor din alte motive

Din punct de vedere al accesibilității, nu este necesar să dai un titlu imaginii tale. Majoritatea cititoarelor de ecran nici nu se vor deranja cu asta. Cu toate acestea, titlul va apărea ca un sfat instrument atunci când cineva care navighează pe site-ul dvs. trece cu mouse-ul peste imagine. De asemenea, titlul poate ajuta crawlerele de căutare să înțeleagă mai bine conținutul și scopul imaginii.

Acestea fiind spuse, nu ar trebui să sacrificați niciodată textul alternativ clar și concis care descrie cu acuratețe imaginea în favoarea obținerii unui punct sau două în plus pe scara SEO.

5. Nu includeți „imagine a”, „fotografie a” etc.

Când un cititor de ecran întâlnește o imagine, acesta va spune utilizatorului că a întâlnit o imagine. Deci, dacă textul dvs. alternativ include expresia „imagine din”, cititorul de ecran ar spune ceva de genul „Imagine. Imagine a ecranului computerului...”

6. Dacă imaginea dvs. conține text, acesta trebuie inclus în textul alternativ

Deoarece orice text dintr-o imagine nu ar putea fi citit de un cititor de ecran, acesta trebuie inclus în textul alternativ dacă este relevant pentru sensul imaginii și contextul cu conținutul înconjurător.

Privind imaginea de mai sus, în funcție de context și intenție, poate fi necesar să descrieți în textul alternativ că semnul scrie „Puneți mai multe întrebări”. Dacă este remarcabil să înțelegeți mai bine intenția, poate fi necesar să descrieți și faptul că textul este scris cu majuscule.

Cu toate acestea, într-un articol despre cum să plasați un semn pe un perete în care textul real al semnului nu este important, poate trebuie doar să descrieți că imaginea arată un semn centrat între două ceasuri de perete.

După cum sa menționat în secțiunea Alt text vs. subtitrări de mai sus, dacă o imagine conține mult text, este de obicei mai bine să includeți aceste informații într-o subtitrăre. De asemenea, îl puteți include în conținutul textului din jur. În aceste cazuri, ați dori să notați în textul alternativ că informații suplimentare despre imagine sunt incluse în legenda sau corpul textului.

Datorită instrucțiunilor pentru menținerea unui text alternativ relativ scurt, pentru imaginile cu marcare și text precum ceea ce ați putea crea în Snagit, vă sugerez să utilizați legenda sau textul din jur pentru a descrie marcajul și textul relevante. Va fi mult mai ușor și util pentru utilizatori.

7. Nu vă bazați pe verificatorul de accesibilitate

Multe instrumente de creare de conținut, cum ar fi Microsoft Word și Adobe Acrobat, vin cu verificatoare de accesibilitate utile. Ei scanează conținutul și caută greșelile tipice pe care le fac creatorii de conținut care ar putea face conținutul inaccesibil. Sunt grozave și cu siguranță ar trebui să le folosiți pentru a vă verifica conținutul.

Dar există o problemă: verificatorul de accesibilitate poate verifica dacă textul alternativ există, dar nu poate determina calitatea textului alternativ. Din acest motiv, este o idee bună ca examinatorul dvs. de conținut să verifice și conținutul alt text pentru a vă asigura că este util și corect.

8. Imaginile cu linkuri trebuie să includă destinația linkului în textul alternativ

Un alt aspect al conținutului accesibil este că toate hyperlinkurile ar trebui să descrie utilizatorului unde le vor duce. Din acest motiv, link-uri precum „dați clic aici” sau „vizitează-ne” sunt de obicei un nu-nu.

În același mod, o imagine care funcționează ca link ar trebui, de asemenea, să descrie utilizatorului unde le va duce linkul. De exemplu, dacă aveți un buton pe pagina dvs. care scrie „Descărcați o versiune de încercare gratuită”, textul alternativ ar trebui să scrie ceva de genul „Link: descărcați o versiune de încercare gratuită”.

Text alternativ pentru diagrame, grafice și tabele

Diagramele, graficele și tabelele prezintă o problemă deosebit de dificilă atunci când vine vorba de text alternativ. Deoarece au tendința de a prezenta o cantitate relativ mare de informații, orice alt text ar putea ajunge să fie destul de lung și dificil de urmărit. Ca atare, vă recomand cu căldură să utilizați o legendă care să descrie cu acuratețe conținutul diagramei sau al graficului și relevanța acestuia pentru restul conținutului dvs. Textul dvs. alternativ ar putea atunci doar să descrie titlul diagramei și să rețineți că o descriere completă a conținutului este disponibilă în subtitrare sau în conținutul textului.

Cum ați descrie graficul de mai sus (din articolul nostru recent despre cercetarea noastră originală în comunicarea la locul de muncă) cuiva care nu o poate vedea? Rețineți că textul dvs. alternativ (sau, mai probabil, legenda sau corpul conținutului) ar trebui să furnizeze toate informațiile relevante, astfel încât să le poată înțelege în același mod ca cineva care îl poate vedea.

În acest articol de blog, pentru că informațiile din diagramă nu sunt neapărat relevante pentru punctul pe care încerc să îl fac, aș putea să o descriu pur și simplu ca pe o diagramă complexă de informații despre preferințele milenialilor pentru instrumentele vizuale la locul de muncă. Dacă acest articol a fost despre cercetare, ar trebui să descriu conținutul real în text alternativ sau, mai potrivit, în corpul conținutului din jur.

Spre deosebire de imagini, majoritatea tabelelor sunt accesibile cititorilor de ecran. Un utilizator se poate deplasa prin tabel pentru a obține informațiile relevante dacă a ales. Totuși, textul alternativ poate oferi o scurtă descriere a tabelului și o prezentare generală a ceea ce conține, astfel încât utilizatorul să poată decide dacă dorește să acceseze tabelul sau nu.

Alt text și SEO

Textul alternativ este esențial pentru crearea de conținut accesibil. Cu toate acestea, vine cu un bonus: poate ajuta și la SEO!

Acestea fiind spuse, cel mai înalt și cel mai bun scop pentru a crea text alternativ este de a îmbunătăți accesibilitatea conținutului digital. Încercarea de a juca sistemul prin umplerea textului alternativ cu cuvinte cheie nepotrivite sau alte informații irelevante poate fi de fapt dăunătoare.

În acest articol de la Google despre publicarea imaginilor, ei observă că folosesc textul alternativ al imaginii pentru a înțelege subiectul imaginii și modul în care aceasta se leagă de restul conținutului. Ei sugerează, de asemenea, crearea unui text alternativ care se concentrează pe „crearea de conținut util, bogat în informații, care utilizează cuvinte cheie în mod corespunzător și care se află în contextul conținutului paginii”. Google observă că textul alternativ care este umplut cu cuvinte cheie neadecvate sau text alternativ care nu este relevant pentru imagine sau restul conținutului paginii riscă ca site-ul dvs. să fie văzut ca spam.

În mod similar, Yoast, producătorul unuia dintre cele mai populare plugin-uri WordPress pentru SEO, vă recomandă să vă asigurați că utilizați cuvântul cheie al articolului atunci când este posibil și atunci când este cazul, dar spun în mod expres să nu vă introduceți cuvintele cheie în fiecare fragment de text alternativ.

Deși aceasta este o prezentare bună a elementelor de bază pentru crearea de text alternativ pentru imagini și SEO, cu siguranță nu este ultimul cuvânt, nici subiectul. Multe organizații au propriile linii directoare pentru crearea textului alternativ, în timp ce altele poate nici măcar să nu realizeze că au nevoie de el!

Creați text alternativ pentru imaginile incluse în conținutul dvs. digital? Mi-ar plăcea să aud sugestiile, ideile și luptele tale!

*Notă: din cauza diferențelor în modul în care diferite tehnologii de asistență gestionează imaginile și textul alternativ, acest articol nu este destinat să fie o prezentare generală cuprinzătoare a modului în care se comportă toate tehnologiile de asistență. În schimb, luați în considerare sugestiile de aici un set de linii directoare pentru a vă asigura că textul alternativ pentru imagini este accesibil pentru cel mai mare număr de persoane.