atribut alt - alt attribute
Atributul alt este atributul HTML utilizat în HTML și XHTML documente pentru a specifica alternativa de text ( text alternativ ) , care urmează să fie redat atunci când elementul la care este aplicată nu poate fi redat.
Atributul alt este utilizat de software-ul „cititor de ecran”, astfel încât o persoană care ascultă conținutul unei pagini web (de exemplu, o persoană orbă) să poată interacționa cu acest element. În plus, înlocuiește imaginea când este copiată ca text și face imaginile mai lizibile de mașină , ceea ce îmbunătățește optimizarea motorului de căutare . Fiecare imagine trebuie să aibă un atribut alt pentru a fi accesibil, dar nu trebuie să conțină text. Acesta poate fi un atribut gol sau nul: alt="".
Atributul a fost introdus în HTML 2, iar în HTML 4.01 a fost necesar pentru eticheteimg și . Este opțional pentru etichetă și eticheta învechită .
area input applet
Exemplu
Iată o imagine pentru care atributul alt este „În cer zboară un steag roșu cu o cruce albă a cărei bară verticală este deplasată spre stâlpul steagului”.
Codul HTML pentru această imagine ar putea fi ceva de genul următor:
<img alt="In the sky flies a red flag with a white cross whose vertical bar is shifted toward the flagpole." src="http://upload.a.org/wikipedia/commons/thumb/8/83/Dannebrog.jpg/180px-Dannebrog.jpg">
Un cititor cu deficiențe de vedere care folosește un cititor de ecran precum Orca va auzi textul alternativ în locul imaginii. Un browser web bazat pe text, cum ar fi Lynx, va afișa textul alternativ în locul imaginii. Un browser grafic va afișa de obicei doar imaginea și va afișa textul alternativ numai dacă utilizatorul îi cere să afișeze proprietățile imaginii sau a configurat browserul să nu afișeze imagini sau dacă browserul nu a putut să recupereze sau să decodeze imaginea .
O valoare alternativă a atributului alt ar fi „Steagul danez”.
Concepții greșite frecvente
altAtribut nu are întotdeauna să descrie literalmente conținutul imaginii. Rețineți scopul și contextul imaginii și ceea ce ar fi util pentru cineva care nu o poate vedea. Atributul alt se presupune că este o alternativă pentru imagine, indicând de obicei scopul acesteia. De exemplu, o imagine a unui semn de avertizare nu ar trebui să aibă text alternativ „un triunghi cu fundal galben, chenar negru și semn de exclamare”, ci pur și simplu „Atenție!” - cu excepția cazului în care, desigur, scopul imaginii este să arate ce simbolul de avertizare arată de fapt.
Internet Explorer 7 și versiunile anterioare redau textul în atribute alt ca text de tip tooltip , care nu este conform standardelor. Acest comportament i-a determinat pe mulți dezvoltatori web să utilizeze în mod greșit alt atunci când doreau să afișeze sfaturi de instrumente care conțin informații suplimentare despre imagini, în loc să utilizeze titleatributul care a fost destinat acelei utilizări. Începând cu Internet Explorer 8, atributele alt nu mai sunt redate ca sfaturi.
Atributul alt este denumit în mod obișnuit, dar incorect, „eticheta alt”.
Imagini decorative
W3C recomandă ca imaginile care nu transmit informații, dar sunt pur decorative, să fie specificate mai degrabă în CSS decât în marcajul HTML. Cu toate acestea, uneori poate fi necesară includerea unei imagini decorative ca imgetichetă HTML . În acest caz, dacă imaginea într-adevăr nu se adaugă la conținut, atunci un atribut alt gol ar trebui să fie inclus sub forma alt="". Acest lucru face ca pagina să fie navigabilă pentru utilizatorii de cititoare de ecran sau de browsere non-grafice. Dacă (cu încălcarea standardului) nu a fost furnizat niciun atribut alt, atunci browserele care nu pot afișa imaginea vor afișa în continuare ceva acolo, de exemplu, adresa URL a imaginii sau un șir de text fix.
Vezi si
Note
Referințe
-
Inclusiv o imagine:
IMGelementul (în special, Cum se specifică text alternativ ) din specificația HTML 4.01 -
imgElementul ( în special, Cerințe pentru furnizarea de text pentru a acționa ca o alternativă pentru imagini ) din caietul de sarcini HTML 5 -
Tehnici pentru WCAG 2.0 (în special, H37: Utilizarea
altatributelor peimgelemente ) - Furnizarea de echivalente de text pentru imagini din Dive Into Accessibility
- Utilizarea adecvată a textului alternativ din WebAIM
-
Liniile directoare privind textele alternative în
imgelemente de Jukka Korpela - Text alternativ pentru imagini: atributul alt de Estelle Weyl
- Mini-FAQ despre textul alternativ al imaginilor de Ian Hickson
linkuri externe
- Bookmarklets la îndemână pentru gestionarea atributelor alt [1] [2]