Utilizarea accesibilă a emoji-urilor: textul tău să fie clar și când este citit cu voce tare

O persoană care navighează cu un cititor de ecran percepe adesea emoji-ul prin denumirea acestuia. Denumirea nu este neapărat identică cu sensul figurat la care s-a gândit autorul. Ghidul W3C H86 atrage atenția în mod special asupra acestui aspect. Sursă: W3C H86

Scrie ceea ce dorești să comunici

Un exemplu scurt:

Vineri ☕, apoi 📞, în final 📄.

Propoziția este interpretabilă în mai multe feluri chiar și vizual. Înseamnă cafea, discuție telefonică și trimitere de documente? Când au loc acestea și care este sarcina fiecăruia? Citirea cu voce tare a denumirilor simbolurilor nu răspunde prin sine însăși la aceste întrebări.

O variantă mai precisă:

Vineri la ora 9 ne întâlnim pentru o cafea. După aceea îl sun pe furnizor și trimit rezumatul după-amiaza.

Dacă dorești să adaugi și o cană pentru cafea, propoziția trebuie să rămână completă. Într-un anunț, data, locul, prețul și sarcina de executat trebuie să fie prezente și în text. Recomandările de accesibilitate pentru rețelele sociale susțin și ele această soluție. Sursă: NCDIT, Social Media Content Accessibility

O serie lungă de simboluri citită cu voce tare poate deveni o listă lungă

În mesajul „Felicitări! 🎉🎉🎉🎉🎉” cititorul de ecran poate citi de mai multe ori aceeași denumire. Încearcă cu un singur simbol: „Felicitări pentru rezultatul tău! 🎉” Propoziția poate fi ascultată astfel mai rapid. Simbolul merită plasat la un punct natural de oprire, de exemplu la sfârșitul paragrafului. Sursă: Section508.gov, rețele sociale

În liste, folosește o listă reală acolo unde interfața o permite. Dacă plasezi aceeași stea, bifă sau deget la începutul fiecărei linii, gândește-te ce informație oferă simbolul repetat. O numerotare simplă sau lista încorporată oferă adesea o structură mai ușor de urmărit.

Într-o comparație în care chiar emoji-urile sunt subiectele, este justificat să prezinți mai multe simboluri. În acest caz, scrie lângă ele numele și explicația diferenței. Astfel, cititorul dispune de esență chiar și fără a distinge imaginile.

Ce poți face pe propriul site web?

Dacă un emoji poartă un sens distinct, în HTML i se poate atribui un nume accesibil. Un exemplu propriu, conform metodei prezentate de W3C:

<span role="img" aria-label="Trimis cu succes">✅</span>

În acest exemplu, numele accesibil comunică trimiterea cu succes. aria-label nu apare ca etichetă pentru cititorul cu vedere, de aceea scrie și starea importantă în text vizibil. Eticheta unui buton trebuie să numească acțiunea: de exemplu „Copiere”.

În cazul unui emoji inserat ca fișier imagine, determină textul alternativ al elementului img pe baza funcției imaginii. Dacă informația identică apare deja complet lângă imagine și grafica nu adaugă un nou sens, poate fi justificat alt="" gol. Ghidul W3C privind imaginile prezintă în detaliu această decizie dependentă de situație. Sursă: W3C, Decorative Images

Verificarea să se facă pe interfața finală

În postările de pe rețelele sociale, opțiunile tehnice sunt de obicei mai limitate, de aceea este deosebit de importantă o propoziție bine scrisă. Gestionarea denumirilor accesibile poate depinde de sistem și aplicație. O singură soluție HTML sau o încercare reușită nu justifică prin sine însăși accesibilitatea întregii pagini.

Pentru verificarea practică, citește textul fără simboluri, apoi ascultă-l pe interfața finală cu un cititor de ecran. Observă unde se repetă informații inutile, unde se întrerupe propoziția și dacă rămân referiri neexplicate. După corectură, repetă încercarea în același loc.

Pentru început, alege o postare sau un mesaj către client folosit frecvent. Scurtarea unei serii inutile de simboluri și scrierea cuvintelor lipsă reprezintă imediat o modificare concretă și verificabilă.