Toeganklike emoji-gebruik: jou teks moet ook verstaanbaar wees wanneer dit voorgelees word

'n Persoon wat met 'n skermleser blaai, neem die emoji dikwels waar deur sy naam. Die naam is nie noodwendig dieselfde as die oordragte betekenis waaraan die skrywer gedink het nie. Die W3C H86 riglyne maak spesifiek daarop attent. Bron: W3C H86

Skryf uit wat jy wil kommunikeer

'n Kort voorbeeld:

Vrydag ☕, daarna 📞, laastens 📄.

Die sin is selfs visueel op verskillende maniere interpreteerbaar. Beteken dit koffie drink, 'n telefoongesprek en die stuur van 'n dokument? Wanneer vind hierdie plaas, en wie se taak is wat? Die voorlees van die simboolname alleen beantwoord nie hierdie vrae nie.

'n Meer presiese weergawe:

Vrydag om 9 uur ontmoet ons vir 'n koffie. Daarna bel ek die verskaffer, en stuur ek die opsomming in die middag.

As jy 'n beker by die koffie wil voeg, laat die sin steeds volledig bly. In 'n aankondiging moet die datum, plek, prys en die taak wat uitgevoer moet word, ook in teks voorkom. Die aanbevelings vir sosiale media-toeganklikheid ondersteun ook hierdie oplossing. Bron: NCDIT, Social Media Content Accessibility

'n Lang reeks simbole kan voorgelees word as 'n lang lys

In die boodskap „Geluk! 🎉🎉🎉🎉🎉” kan die skermleser dieselfde naam meer as een keer voorlees. Probeer dit met een simbool: „Geluk met jou resultaat! 🎉” Die sin kan dan korter beluister word. Dit is die moeite werd om die simbool op 'n natuurlike stopplek te sit, byvoorbeeld aan die einde van die paragraaf. Bron: Section508.gov, sosiale media

Gebruik in 'n lys 'n werklike lys, waar die koppelvlak dit ondersteun. As jy dieselfde ster, haakvink of vinger aan die begin van elke ry voeg, dink na oor watter inligting die herhaalde simbool gee. 'n Eenvoudige nommering of die ingeboude lys gee dikwels 'n beter navolgbare struktuur.

In 'n vergelyking waar die emojis self die onderwerpe is, is dit egter geregverdig om verskeie simbole te wys. Skryf dan die naam en die verduideliking van die verskil langs hulle. Die leser het dan die kerninligting tot sy beskikking sonder om die beelde te onderskei.

Wat kan jy op jou eie webwerf doen?

As 'n emoji 'n aparte betekenis dra, kan 'n toeganklike naam in HTML daaraan toegeken word. 'n Eie voorbeeld wat by die metode pas wat deur W3C voorgestel word:

<span role="img" aria-label="Succesvol gestuur">✅</span>

In hierdie voorbeeld kommunikeer die toeganklike naam die suksesvolle stuur. Die aria-label verskyn nie vir die sigende leser as 'n bijskrif nie, daarom moet jy die belangrike status ook met sigbare teks uitskryf. Die knoppie se bijskrif moet die aksie noem: byvoorbeeld „Kopieer”.

In die geval van 'n emoji wat as 'n prentlêer ingevoeg is, bepaal die alternatiewe teks van die img-element op grond van die prent se taak. As dieselfde inligting reeds volledig langs die prent voorkom, en die grafika voeg geen nuwe betekenis by nie, kan die leë alt="" geregverdig wees. Die W3C riglyne vir prente beskryf hierdie situasie-afhanklike besluit in detail. Bron: W3C, Decorative Images

Die kontrole moet op die finale koppelvlak plaasvind

In 'n sosiale media-pos is jou tegniese moontlikhede gewoonlik beperk, daarom is 'n goed geskrewe sin besonder belangrik. Die hantering van toeganklike name kan stelsel- en toepassing-afhanklik wees. 'n Enkele HTML-oplossing of 'n suksesvolle toets alleen bewys nie die toeganklikheid van die hele bladsy nie.

Vir die praktiese kontrole lees die teks sonder die simbole, en luister dan op die finale koppelvlak met 'n skermleser. Let op waar onnodige inligting herhaal word, waar die sin onderbreek word, en of 'n onverklaarde verwysing oorbly. Herhaal die toets op dieselfde plek na die regstelling.

Kies om mee te begin 'n gereeld gebruikte pos of kliëntboodskap. Die verkorting van die oortollige simboolreeks en die uitskryf van ontbrekende woorde is dadelik 'n konkrete, toetsbare verandering.