A képernyőolvasóval böngésző ember az emojit gyakran annak megnevezésén keresztül érzékeli. A megnevezés nem feltétlenül azonos azzal az átvitt jelentéssel, amelyre a szerző gondolt. Erre a W3C H86 útmutatója külön is felhívja a figyelmet. Forrás: W3C H86
Írd ki, amit közölni szeretnél
Egy rövid példa:
Pénteken ☕, utána 📞, végül 📄.
A mondat látva is többféleképpen értelmezhető. Kávézást, telefonos egyeztetést és dokumentumküldést jelent? Mikor történnek ezek, és kinek mi a feladata? A jelek megnevezéseinek felolvasása önmagában nem válaszolja meg ezeket a kérdéseket.
Pontosabb változat:
Pénteken 9 órakor találkozunk egy kávéra. Utána felhívom a szállítót, és délután elküldöm az összefoglalót.
Ha a kávéhoz szeretnél egy csészét is hozzáadni, a mondat ettől még maradjon teljes. Közleményben a dátum, a hely, az ár és az elvégzendő feladat is szövegesen szerepeljen. A közösségi akadálymentességi ajánlások is ezt a megoldást támogatják. Forrás: NCDIT, Social Media Content Accessibility
A hosszú jelsor felolvasva hosszú felsorolás lehet
A „Gratulálok! 🎉🎉🎉🎉🎉” üzenetben a képernyőolvasó többször is felolvashatja ugyanazt a megnevezést. Próbáld ki egyetlen jellel: „Gratulálok az eredményedhez! 🎉” A mondat így rövidebben hallgatható végig. A jelet érdemes természetes megállási pontra, például a bekezdés végére tenni. Forrás: Section508.gov, közösségi média
Listában használj valódi felsorolást, ahol a felület támogatja. Ha minden sor elejére ugyanazt a csillagot, pipát vagy ujjat illeszted, gondold át, milyen információt ad a megismételt jel. Egy egyszerű számozás vagy a beépített felsorolás sokszor jobban követhető szerkezetet ad.
Egy olyan összehasonlításban viszont, ahol maguk az emojik a témák, indokolt több jelet bemutatni. Ilyenkor írd melléjük a nevet és a különbség magyarázatát. Az olvasónak így a képek megkülönböztetése nélkül is rendelkezésére áll a lényeg.
Mit tehetsz saját weboldalon?
Ha egy emoji külön jelentést hordoz, a HTML-ben hozzáférhető név rendelhető hozzá. A W3C által bemutatott módszerhez igazodó, saját példa:
<span role="img" aria-label="Sikeresen elküldve">✅</span>
Ebben a példában a hozzáférhető név a sikeres küldést közli. Az aria-label a látó olvasónak nem jelenik meg feliratként, ezért a fontos állapotot látható szöveggel is írd ki. Egy gomb felirata a műveletet nevezze meg: például „Másolás”.
Képfájlként beillesztett emoji esetén az img elem alternatív szövegét a kép feladata alapján határozd meg. Ha a kép mellett már teljesen szerepel ugyanaz az információ, és a grafika nem ad hozzá új jelentést, indokolt lehet az üres alt="". A W3C képekre vonatkozó útmutatója ezt a helyzettől függő döntést részletesen bemutatja. Forrás: W3C, Decorative Images
Az ellenőrzés a végleges felületen történjen
Közösségi posztban általában korlátozottabbak a technikai lehetőségeid, ezért különösen fontos a jól megírt mondat. A hozzáférhető megnevezések kezelése rendszer- és alkalmazásfüggő lehet. Egyetlen HTML-megoldás vagy sikeres próba önmagában nem igazolja a teljes oldal akadálymentességét.
A gyakorlati ellenőrzéshez olvasd el a szöveget a jelek nélkül, majd hallgasd meg a végleges felületen egy képernyőolvasóval. Figyeld meg, hol ismétlődik felesleges információ, hol szakad meg a mondat, és marad-e megmagyarázatlan utalás. A javítás után ugyanott ismételd meg a próbát.
Kezdésnek válassz egy gyakran használt posztot vagy ügyfélüzenetet. A fölösleges jelsor rövidítése és a hiányzó szavak kiírása rögtön konkrét, ellenőrizhető változtatás.
Vidd magaddal a lényeget
Három kérdéses tudáspróba
Próbáld ki, hogyan alkalmaznád az olvasottakat. Kérdésenként egy választ jelölj meg; minden helyes válasz egy pontot ér. A kiértékelés ehhez a három helyzethez ad visszajelzést, a válaszaidat nem tároljuk és nem küldjük el.
Először írd át teljes mondattá a kávé–telefon–dokumentum példát, majd olvasd vissza a jelek nélkül.
Először írd át teljes mondattá a kávé–telefon–dokumentum példát, majd olvasd vissza a jelek nélkül.
Javítsd ki a téves válaszhoz tartozó mintát.
Mindhárom példában az információ érthetőségét vizsgáltad; hallgass meg egy saját bejegyzést is.
Megoldások és magyarázatok
- Kiírod a napokat és a pontos nyitvatartási időket. A nyitvatartás a grafika felismerése nélkül is hozzáférhető.
- A kép által közölt információ már teljesen szerepel a mellette lévő szövegben. Az üres alternatív szöveg elkerülheti a teljesen ismétlődő információ felolvasását.
- A végleges felületen meghallgatod, milyen ismétléseket okoz. A képernyőolvasós próba mutatja meg a ténylegesen hallható közlést.
Számold össze a helyes válaszaidat: mindegyik egy pontot ér. A kihagyott válasz nulla pont.
- 3 pont: Mindhárom példában az információ érthetőségét vizsgáltad; hallgass meg egy saját bejegyzést is.
- 2 pont: Javítsd ki a téves válaszhoz tartozó mintát.
- 0–1 pont: Először írd át teljes mondattá a kávé–telefon–dokumentum példát, majd olvasd vissza a jelek nélkül.
