Un text alt util pentru imagini de produs îi spune cumpărătorului ce aduce o anumită imagine: aspectul produsului, un detaliu prezentat din alt unghi sau scopul unei comenzi bazate pe imagine. Textul alt este o alternativă textuală pe care un program precum un cititor de ecran o poate folosi pentru a descrie imaginea. Pornește de la scopul ei pe pagină, apoi verifică formularea în magazinul real după salvare.
O galerie poate părea clară chiar dacă fiecare imagine folosește același nume de produs ca text alt. Diferențele dintre vederea frontală, detaliul închizătorii și varianta de culoare se pierd atunci în text. Propunem evaluarea galeriei unui produs ca o mică sarcină editorială, în care editorul catalogului verifică formularea, iar administratorul magazinului verifică rezultatul.
De ce textul alt pentru imagini de produs pierde detalii utile
Descrierea utilă depinde de rolul imaginii și de conținutul din jur. Îndrumările W3C privind imaginile informative le cer autorilor să transmită informația relevantă în contextul respectiv. Repetarea unui titlu, nume de fișier sau termen de căutare în toată galeria poate omite caracteristica pe care trebuia să o arate o anumită fotografie. Completarea câmpului este doar o parte a activității.
Numele produsului este considerat suficient. Numele identifică articolul, dar un prim-plan poate adăuga un detaliu despre închizătoare sau buzunar. Observă ce aduce fotografia în plus față de titlu și descrierea din apropiere.
Funcția imaginii este omisă. O fotografie poate fi și un link sau un buton al galeriei. Îndrumările W3C privind imaginile funcționale includ acțiunea sau destinația în această decizie. Numele accesibil, adică eticheta primită de tehnologia asistivă pentru comanda respectivă, trebuie să-i facă scopul ușor de înțeles.
Valoarea salvată este considerată rezultatul final. Păstrează câmpul administrativ și pagina afișată ca puncte de verificare separate. Un import, o imagine reutilizată sau logica personalizată a temei justifică inspectarea rezultatului redat, adică a ceea ce expune efectiv pagina relevantă a magazinului, înainte de modificarea întregului catalog.
Îndrumările Google pentru imagini avertizează și împotriva umplerii alternativelor cu cuvinte-cheie. Scrie pentru detaliul sau acțiunea de care are nevoie cumpărătorul. O listă de termeni de căutare nu oferă această explicație.
Decide ce adaugă fiecare imagine
Evaluează imaginea împreună cu textul din jur și cu orice link sau buton căruia îi aparține. Întreabă ce informație sau acțiune ar deveni neclară fără ea. Arborele decizional W3C diferențiază utilizările informative, funcționale și decorative. O imagine reutilizată în alt loc necesită o nouă decizie contextuală. O vedere ulterioară din galerie nu devine automat decorativă doar fiindcă numele produsului a apărut deja.
Să luăm în considerare un magazin ipotetic care vinde o geantă de umăr albastră. Acestea sunt exemple de formulări inventate, nu descrieri verificate într-un catalog real.
| Amplasare | Decizie de evaluat |
|---|---|
| Vedere frontală | Descrie aspectul vizibil relevant, cum ar fi o geantă albastră cu o clapă curbată. |
| Prim-plan al închizătorii | Descrie detaliul vizibil al închizătorii pe care îl adaugă această vedere. |
| Altă culoare | Potrivește descrierea cu fotografia și varianta selectată. |
| Comandă de galerie formată numai din imagine | Fă acțiunea comenzii ușor de înțeles, cum ar fi deschiderea vederii închizătorii. |
| Repetare strict decorativă | După verificarea informației și funcției, ia în considerare o alternativă intenționat goală. |
O alternativă goală înseamnă un atribut alt="" intenționat. Îndrumările W3C privind imaginile decorative îl diferențiază de omiterea atributului. Pentru imaginea unui card de produs aflată într-un link, un text adecvat în același link poate face potrivită o alternativă goală. Un nume de produs separat, aflat în apropiere, nu denumește automat un link format numai din imagine.
Păstrează informațiile detaliate despre dimensiuni sau asamblare disponibile drept conținut accesibil al paginii. Îndrumările W3C privind imaginile complexe solicită o explicație textuală mai amplă atunci când o alternativă scurtă nu poate transmite informația. Evită să înghesui instrucțiunile unei diagrame într-o descriere scurtă și să elimini restul.
Scrie și salvează un eșantion evaluat
Pregătește un eșantion pe care îl poți verifica înainte de aplicarea metodei în întregul catalog. Noi am folosi o înregistrare cu URL-ul paginii, limba, varianta selectată, referința imaginii, scopul, formularea propusă și rezultatul verificării. O miniatură sau o referință media clară ajută evaluatorul să asocieze rândul cu imaginea reală, în loc să ghicească după numele fișierului.
- Înregistrează contribuția imaginii. Scrie ce trebuie să afle cumpărătorul din această vedere și ce oferă deja textul din apropiere. Include dacă imaginea face parte dintr-un link sau buton.
- Redactează o alternativă scurtă. Păstrează detaliul vizibil distinctiv. Verifică culoarea și celelalte informații relevante folosind fotografia corectă și înregistrarea corectă din catalog. Nu inventa pe baza aspectului materialul, capacitatea sau certificarea.
- Evaluează sugestiile înainte de acceptare. O descriere generată este o ciornă. Cere-i editorului de produs să verifice ce spune și scopul pe care îl îndeplinește, inclusiv varianta selectată și limba.
- Verifică valorile existente neexplicate. Dacă acel câmp conține coduri de stoc sau formatare neobișnuită, întreabă administratorul dacă logica personalizată a galeriei depinde de ele. Testează schimbările într-o previzualizare autorizată sau într-un alt eșantion reversibil înainte de înlocuirea în bloc a valorilor.
- Salvează prin câmpul media relevant. Ajutorul actual Shopify pentru desktop te îndrumă la Produse, la produs și apoi la elementul său media. Alege Adaugă text alt, introdu formularea evaluată și selectează Salvează textul alt. Această cale acoperă conținutul media al produselor. Imaginile din descrieri sau secțiunile temei pot avea alt loc de editare.
- Transmite problemele de implementare administratorului. Dacă acel câmp sau comanda nu poate exprima scopul necesar, furnizează pagina, referința imaginii și rezultatul dorit. În proiectul de site de comerț electronic propus de noi, această predare separă decizia privind conținutul de schimbarea temei și verificarea ei.
Verifică magazinul înainte de a modifica întregul catalog
După salvare, deschide pagina relevantă a magazinului și verifică amplasarea exactă pe care ai editat-o. Confirmă alternativa imaginii, numele accesibil al oricărei comenzi căreia îi aparține și ce se întâmplă când schimbi varianta sau vederea galeriei. Dacă nu le poți inspecta personal, cere-i administratorului să arate rezultatul în raport cu înregistrarea ta înainte de extinderea modificării.
- Asociază imaginea reală. Folosește instrumentele de inspectare ale browserului sau cere-i administratorului să citească atributul
altal imaginii redate. Compară-l cu formularea pregătită și fotografia afișată în acel moment. - Verifică numele și acțiunea comenzii. Pentru un link sau buton, inspectează atât eticheta expusă tehnologiei asistive, cât și alternativa imaginii. Verifică dacă acțiunea sau destinația indicată corespunde cu ceea ce se întâmplă la activarea comenzii. Descrierea imaginii, de una singură, poate să nu stabilească întregul nume al comenzii.
- Schimbă vederea și varianta. Deschide detaliul închizătorii, selectează altă culoare vizibilă și verifică din nou rezultatul corespunzător. Dacă o descriere rămâne atașată imaginii greșite, înregistrează exact acea succesiune pentru administrator.
- Redeschide pagina și limba relevantă. Verifică dacă schimbarea salvată este încă prezentă în amplasarea dorită. Înregistrează separat cazurile nerezolvate, inclusiv locurile în care trebuie investigat un flux de import sau traducere.
Inspectarea în browser verifică implementarea. O evaluare competentă cu un cititor de ecran poate examina sarcina de cumpărare folosind acea tehnologie asistivă. Păstrează clar domeniul fiecărei evaluări. Easy Checks de la W3C avertizează că verificările preliminare nu sunt definitive, așadar niciun câmp completat, nici acest eșantion nu demonstrează accesibilitatea întregului magazin. Primele noastre verificări de accesibilitate pentru site acoperă sarcini mai ample, precum utilizarea tastaturii și formularele.
Păstrează alternativele corecte după editare
Atribuie responsabilitatea pentru textul-sursă și repetă verificarea relevantă când se schimbă fotografia, varianta, limba, tema sau importul. Dacă mai multe sisteme alimentează catalogul, află care dintre ele deține câmpul. Noi am include această asociere într-un flux de integrare a catalogului și CRM înainte de extinderea modificărilor manuale pe care alt proces le-ar putea înlocui.
Urmărește amplasările evaluate, formularea confirmată în magazin și cazurile nerezolvate. Aceste înregistrări arată activitatea finalizată și ce necesită în continuare atenție. Ele nu măsoară un efect asupra vânzărilor. Păstrează împreună referința imaginii, formularea actuală, editorul și factorul care declanșează următoarea evaluare, pentru ca altă persoană să poată menține aceeași decizie.
Unde intervenim noi
Noi am începe cu vederile unui produs și am conveni ce trebuie să comunice fiecare. Predarea conectează apoi formularea editorului cu locul salvării, rezultatul din magazin și orice comportament nerezolvat al comenzilor. Începe propria înregistrare cu un produs a cărui galerie prezintă detalii distincte și verifică eșantionul înainte de extindere.
