H86: Szövegalternatívák használata ASCII képekhez, emoticonokhoz, és leet-beszéd (leetspeak) jelekhez
Alkalmazás
HTML és XHTML
Ez a technika az alábbiakra vonatkozik:
A felhasználói programra és a segítő technológia támogatására vonatkozó megjegyzések
-
A segítő technológiák különböző mértékben támogatják a hangos cím attribútumokat. Némely technológia esetében a felhasználó a cím attribútumon keresztül nem fér hozzá az adott információhoz.
- Ez a technika csak akkor működik a cím attribútummal, ha a cím attribútum támogatja az akadálymentesítést. A cím attribútum tartalmához minden billentyűzetet használónak hozzá kell férnie (nem csak a szöveget beszéddé alakító szoftvereket használóknak) ahhoz, hogy az attribútum akadálymentesítést támogatónak nyilvánuljon.
- A JAWS 6.2 illetve a WindowEyes 5.0 és modernebb
verzióik támogatják a rövidítés és az akronim
elemeket. Ezeket a programokat be lehet állítani a
cím attribútumok kiejtésére, de mivel nem ez
alapbeállítás ezért a felhasználók általában nem
kapcsolják be.
- Számos grafikai felhasználói program a rövidítés
és akronim elemek szövegeit pontozott vonalakkal
aláhúzva vagy bekeretezve jelenítik meg. Ezen kívül
az egérrel történő kijelölés esetén a bővítmény
eszköz tippként jelenik meg.
- Az Internet Explorer 7, illetve korábbi verziói
esetében a rövidítés elem segítségével megjelölt
elemek minden további formázás nélkül kerülnek
megjelenítésre. IE6 és régebbi verziók esetében a
bővítmények nem jelennek meg eszköz tippként.
- Egy adott felhasználói programen vagy segítő
technológián belül a rövidítés és akronim elemek
ugyanazon a módon kerülnek megjelenítésre a
felhasználó részére.
Leírás
A képek széles körű elterjedése előtt az Interneten az ASCII karakterek szolgáltak a képek és grafikonok megjelenítésére. Habár az ASCII alkalmazása már meglehetősen ritka a Web-en, azért azt nem szabad elfelejteni, hogy használatuk rendkívül zavaró a képernyőolvasókkal böngésző vak felhasználók számára. Használatuk esetén a képnek mindenképpen rendelkeznie kell szöveges magyarázattal is. Az ASCII képet átugró hivatkozás használata is javasolt (habár nem előírt).
Az emoticonok szintén nagyon népszerűek. Ezek a képek szintén ASCII karakterek segítségével formáznak meg különböző érzelmeket megjelenítő arcokat, amelyek zavarók lehetnek a képernyőolvasókat használók részére. Lehetőség szerint egyszerűbb a "smiley"-hoz hasonló szavak használata az emoticonok helyett. Az utóbbiak használata esetén viszont szükséges a szövegalternatíva alkalmazása. Bizonyos kontextusokban, például fórumok és blogok esetében, különböző kiegészítők is elérhetők, amelyek automatikusan alakítják át az ASCII emotikonokat szövegalternatívával rendelkező HTML képekké.
A Leetspeak szleng különböző ASCII karakterekkel helyettesítik a latin betűket. A leet az Internet kultúra és szleng része lett, amelyet gyakran alkalmaznak a szöveg és spam szűrők megkerülésére. Mindazonáltal ezek gyakran értelmezhetetlenek a képernyőolvasókat használó vak felhasználók számára és ezért szövegalternatívákat igényelnek az 1.1.1 teljesítési feltételnek való megfelelőség érdekében.
Megjegyzés: Mivel meglehetősen korlátozott ennek a technikának a támogatottsága ezért a szerkesztőknek javasolt a szövegalternatívák használata a tartalomban.
Példák
1. példa
Az alábbi példa három lehetőséget szemléltet az ijedtséget kifejező emoticon alternatívájára, amelyet egy egynlőség jel, a nyolcas szám, egy elválasztó jel és egy nulla kombinációjából alakítottak ki.
Példa kód:
=8-0 (fright)
<abbr title="fright">=8-0</abbr>
<img src="fright.gif" alt="fright"/>
2. példa
Ebben a példában egy ASCII kép látható, amelyet egy magyarázat előz meg, valamint hivatkozás található, amelynek segítségével átugorható az ASCII rajz. Lépje át az ASCII példát.
Példa kód:
Figure 1: ASCII art picture of a butterfly.
<a href="#skipbutterfly">Skip ASCII image</a>
LLLLLLLLLLL
__LLLLLLLLLLLLLL
LLLLLLLLLLLLLLLLL
_LLLLLLLLLLLLLLLLLL
LLLLLLLLLLLLLLLLLLLL
_LLLLLLLLLLLLLLLLLLLLL
LLLLLLLLLLLLLLLLLLLLLL
L _LLLLLLLLLLLLLLLLLLLLLLL
LL LLLLLL~~~LLLLLLLLLLLLLL
_L _LLLLL LLLLLLLLLLLLL
L~ LLL~ LLLLLLLLLLLLL
LL _LLL _LL LLLLLLLL
LL LL~ ~~ ~LLLLLL
L _LLL_LLLL___ _LLLLLL
LL LLLLLLLLLLLLLL LLLLLLLL
L LLLLLLLLLLLLLLL LLLLLL
LL LLLLLLLLLLLLLLLL LLLLL~
LLLLLLLL_______ L _LLLLLLLLLLLLLLLL LLLLLLLL
~~~~~~~LLLLLLLLLLLLLLLLLLLLLLLLL~ LLLLLL
______________LLL LLLLLLLLLLLLLL ______LLLLLLLLL_
LLLLLLLLLLLLLLLLLLLL LLLLLLLL~~LLLLLLL~~~~~~ ~LLLLLL
___LLLLLLLLLL __LLLLLLLLLLLLL LLLLLLLLLLLLL____ _LLLLLL_
LLLLLLLLLLL~~ LLLLLLLLLLLLLLL LLLLLLLLLLLLLLLLLL ~~~LLLLL
__LLLLLLLLLLL _LLLLLLLLLLLLLLLLL_ LLLLLLLLLLLLLLLLLL_ LLLLL
LLLLLLLLLLL~ LLLLLLLLLLLLLLLLLLL ~L ~~LLLLLLLLLLLLL LLLLLL
_LLLLLLLLLLLL LLLLLLLLLLLLLLLLLLLLL_ LL LLLLLLLLL LLLLLLLLL
LLLLLLLLLLLLL LLLLLLLLLLLLL~LLLLLL~L LL ~~~~~ ~LLLLLL
LLLLLLLLLLLLLLL__L LLLLLLLLLLLL_LLLLLLL LL_ LL_ _ LLLLLL
LLLLLLLLLLLLLLLLL~ ~LLLLLLLL~~LLLLLLLL ~L ~LLLL ~L LLLLLL~
LLLLLLLLLLLLLLLL _LLLLLLLLLL LL LLLLLLL___ LLLLLLLLLL
LLLLLLLLLLLLLLLL LL~LLLLLLLL~ LL LLLLLLLLLLLL LLLLLLL~
LLLLLLLLLLLLLLLL_ __L _L LLLLLLLL LLL_ LLLLLLLLLLLLLLLLLLLLL
LLLLLLLLLLLLLLLLLLLL L~ LLLLLLLL LLLLLLL~LLLLLLLLLLLLLLLL~
LLLLLLLLLLLLLLLLLLLL___L_ LL LLLLLLL LLLL LLLLLLLLLLLLLL
~~LLLLLLLLLLLLLLLLLLLLLLLL LLLLL~ LLLLL ~~~~~~~~~
LLLLLLLLLLLLLLLLLL_ _ LLL _LLLLL
~~~~~~LLLLLLLLLL~ LLLLLL
LLLLL _LLLLLL
LLLLL L L LLLLLLL
LLLLL__LL _L__LLLLLLLL
LLLLLLLLLL LLLLLLLLLLLL
LLLLLLLLLLLLLLLLLLLLLL
~LLLLLLLLLLLLLLLLL~~
LLLLLLLLLLLLL
~~~~~~~~~
<a name="skipbutterfly></a>
3. példa
A következő Leetspeak szöveg az "Austin Rocks" megfelelője.
Példa kód:
<abbr title="Austin Rocks">Au5t1N r0xx0rz</abbr>
Ellenőrzések
Folyamat
-
Nyissa meg a lapot egy általánosan használt böngészővel.
-
Ellenőrizze, hogy a tartalomban vannak-e ASCII rajzok, emoticonok és/vagy leetspeak kifejezések.
-
Ellenőrizze, hogy az ASCII rajz, emoticon és/vagy Leetspeak előtt vagy után áll-e szövegalternatíva.
Elvárható eredmények
-
A 3. pontba foglalt ellenőrzés igaz.