Akadálymentesség fogalma

1 Pataki Máté (W3C Magyarország) Abonyi-Tóth Andor (ELTE IK) Akadálymentesség fogalma Az akadálymentesség értelmezhető Fizikai szempontból rámpa térdszabad mosdó vagy asztal vakvezető sáv, stb. Info-kommunikációs szempontból Braille- vagy hangoskönyv indukciós hurok, jelnyelvi tolmács könnyen érthető kiadványok és jelzések, stb. mindenki által elérhető információk, szolgáltatások komplex módon, azaz fizikai ÉS info-kommunikációs szempontból Egyenlő esélyű hozzáférés 2 Forrás: Dr. Juhász Péter: Az info-kommunikációs akadálymentesség jogi háttere 1

Akadálymentesítés vs. Egyetemes tervezés Akadálymentesítés Egyetemes tervezés Utólagos megoldás Plusz költségekkel jár Plusz adminisztráció Technikai és egyéb nehézségek és akadályok Esztétikai, szerkezeti hátrányok A tervezési folyamat szerves része Nincs utólagos Költség Adminisztráció Adaptációs probléma 3 Forrás: Dr. Juhász Péter: Az info-kommunikációs akadálymentesség jogi háttere Fizikai akadálymentesítési hibák 4 2

5 IKT szempontból hátrányos helyzetű felhasználók Vak emberek Gyengénlátó emberek Színtévesztő emberek Színvak emberek Siket emberek Mozgáskorlátozott emberek Gyerekek Idős emberek Értelmi fogyatékos emberek Diszlexiás, diszgráfiás emberek Epilepsziában szenvedők Kulturálisan elszigetelt emberek Technológiailag megkülönböztetettek Eltérő képernyőméret (pl. mobiltelefon, PDA) Elavult böngészőprogram Elavult operációs rendszer Gyenge hardver 6 3

7 Példák a különböző felhasználói csoportok által tapasztalt problémákra, a különböző segédeszközökre 8 Vak emberek 4

Vak emberek által használt Braille ábécé 9 Tapintható írásrendszerek, alternatív olvasási módszerek (Jegyzet), EÖTVÖS LORÁND TUDOMÁNYEGYETEM BÁRCZI GUSZTÁV GYÓGYPEDAGÓGIAI KAR, Budapest, 2009 Louis Braille (Franciaország, Párizs, 1809. január 4. 1852. január 6.) Braille-írás (ejtsd bʁɑj) kifejlesztője 3 évesen mindkét szemére megvakult Megsértette a szemét az apja műhelyében A seb elfertőződött 1824-ben alkotta meg a pontszerű írását 5

Betűk A betűk egy 3 pont magasságú és 2 pont széles cellában helyezkednek el. 6 pont permutációjával 64 különböző változat hozható létre. Latin Braille-kódrendszer tartalma: 26 betű 10 írásjel 28 speciális jel Braille írógép (http://wiki.ham.hu/index.php/braille_írógép) Braille változatok Különböző ábécék léteznek A latin ábécén belül az ékezet nélküli egybetűs magán- és mássalhangzók általában megegyeznek, különbségek csak azok ékezetes formáiban vannak. A kettős magán- és mássalhangzók nyelvenként teljesen különböznek. Különbségek vannak az írásjelek használatában is 6

Magyar és Angol Braille-ábécé Angol ábécé Vannak különbségek!!! Braille ábécé gyakorlása 7

a á 8

b c 9

cs r 10

Mik ezek a szavak? 8 pontos változat (Computer Braille) Több variációs lehetőség Braille kijelzőn praktikusabb 11

Vak felhasználók Képi információt nem érik el Billentyűzetről kezelik a számítógépet Felolvasóprogramot, Braille kijelzőt használ(hat)nak Mi a közös a Google keresőrobotja és egy vak felhasználó között? 23 A Google keresőrobotja is csak korlátozottan fér hozzá az információkhoz. Ha egy képhez, videóhoz, stb. nincs alternatív tartalom társítva, akkor az információ a kereső számára sem hozzáférhető, éppúgy mint a vak felhasználók számára. Vak felhasználók által használt kijelzők, felolvasóprogramok Braille kijelző JAWS képernyőolvasó (fizetős) http://www.infoalap.hu/letoltes/ NonVisual Desktop Access (NVDA) képernyőolvasó (ingyenes) http://www.nvda.hu/ 24 12

Néhány gyakori JAWS gyorsbillentyű 25 Összeállította: Abonyi-Tóth Andor (ELTE IK) Néhány gyakori JAWS gyorsbillentyű 26 Összeállította: Abonyi-Tóth Andor (ELTE IK) 13

Probléma! Fontos információ csak(!) képként érhető el A vak felhasználók csak akkor érik el a képeken látható információkat, ha azok megfelelő szöveges alternatívái is meg vannak adva. 27 Hivatkozások nem megfelelő elnevezése A hivatkozások szövegének egyedisége nagyon fontos, mert ez alapján (is) navigálnak a vak felhasználók. 28 14

Nem megfelelő kialakítású űrlapok 29 Pl. a 2011-es népszámlálás adatlapjai nem voltak akadálymentesek a vak felhasználók számára. 30 Gyengénlátó emberek 15

Gyengénlátó emberek Képi információ segítséget jelent nekik Egy részük képernyőnagyító programot használ Felolvasóprogramot is használhatnak Az egyezményes ikon a gyengénlátó felhasználóknak szóló megjelenítésre a sárga körben elhelyezett 3 fekete pont. Csak megjelenésében legyen más (pl. alternatív stíluslap), nem kell/szabad külön portált csinálni 31 Hétköznapi helyzetek Idős korban sok embernek romlik a látása Számítógépes munkahelyeken dolgozók látása is romlik Pihenteti a szemet a nagy betűméret 32 16

Nagyítók Windows beépített nagyítója Magic képernyőnagyító Nagy kontraszt használata 34 17

Nagy kontraszt használata 35 http://www.mvgyosz.hu/ Nagy betűméret használata 36 18

Színtévesztő és színvak felhasználók 37 A színtévesztés a leggyakoribb látási rendellenesség a férfi lakosság körében A férfi lakosság körülbelül 8%-a színtévesztő Egy színtévesztő vagy színvak ember a honlapokat más színösszeállításban érzékeli, bizonyos színeket nem tud megkülönböztetni Hétköznapi helyzetek Monokróm képernyő Mobiltelefonok, kézi-számítógépek képernyője Színvakság/színtévesztés megállapítására használt ismert tesztképek 19

Tesztkép gyerekek számára Színek szerepe Normál színlátás 40 Protanopia (vörös/zöld színvakság) 20

Különböző eszközök színhűsége Mobiltelefon Kivetítő 41 42 Siket emberek 21

Siket emberek A születésüktől fogva siket embereknek a szókincse korlátozottabb lehet. Nem hallják a multimédiás elemek hangját Megfelelő alternatívákról gondoskodni kell Hétköznapi helyzetek Hangszóróval nem rendelkező gépek Munkahelyek, ahol többen is dolgoznak egy szobában Hangos helyszínek, éttermek, műhelyek 43 A YouTube videomegosztó Kevés videóhoz van feliratállomány A halló ember is kerülhet hátrányos helyzetbe Vicces történet egy siket futball bíróról http://www.youtube.com/watch?v=gyftnwymq0u 44 22

Inforádió portálján a hír írott és hangzó formában http://inforadio.hu/hir/sport /hir-432474 Nem csak meghallgatni lehet az interjút, olvasható a szöveges átirata is. 45 46 Mozgáskorlátozott emberek 23

Szkafander és pillangó 47 Jean-Dominique Bauby a francia Elle magazin főszerkesztője volt. Negyvenhárom éves korában (1995), agyvérzést kapott, és kómába esett. Húsz nap múlva tért magához, ám teljesen lebénult. Egyedül a bal szemhéját tudta mozgatni, melynek segítségével kommunikált a világgal. Jean-Dominique Bauby gyermekeivel Szkafander és pillangó - a teste szkafanderben, bénultan, de a lelke szabad, szárnyalhat, mint egy pillangó. Szkafander és pillangó 48 Az ápolónő folyamatosan sorolta az ESA ábécét, Jean pedig a megfelelő elhangzáskor megmozdította szemhéját. ESA ábécé:a betűk a francia nyelvben való előfordulásuk gyakorisága szerint követik egymást A betű helyességét egy következő pillantásával konfirmálta. Jean betegségének két éve alatt megszületett könyve magáról, a szkafanderről és a pillangóról. Jean-Dominique Bauby diktálja visszaemlékezéseit Tábla, melyen a karakterek a nyelvben előforduló gyakoriságuk sorrendjében állnak 24

Mozgáskorlátozott felhasználók Alternatív beviteli eszközöket használ(hat)nak: csak egér, csak billentyűzet, láb/fejegér Sok gépelés mellőzése Pontos pozícionálás gond lehet Gyorsbillentyű használata nehézkes Hétköznapi helyzetek Kéztörés Ínhüvelygyulladás Fáradtan nehezebb pontosan pozícionálni az egeret 49 Szoftverek használata Képernyőbillentyűzet Lehetővé teszi, hogy az egérrel (vagy más mutató eszközzel) gépelhessünk szöveget 50 25

Szoftverek használata Billentyűzetegér (egérbillentyűk) használata Ha valaki nehézkesen kezeli az egeret, de a billentyűzetet jobban tudja használni, akkor megoldható, hogy a billentyűzettel irányítsa az egeret. Num Lock Billentyűzetegér ki/bekapcsolása 7 Home Átlós mozgás (balra és felfele) 4 Balra mozgás 1 End Átlós mozgás (balra és lefele) / Visszatérés a szokásos kattintási módra 8 Felfele mozgás 5 Kattintás 2 Lefele mozgás 0 Ins Egérgomb lenyomva tartása * Bal- és jobb egérgomb bekapcsolása 9 Átlós mozgás (jobbra és felfele) 6 Jobbra mozgás 3 PgDn Átlós mozgás (jobbra és lefele). Del Egérgomb felengedése - Jobb egérgomb bekapcsolása + Dupla kattintás Enter 51 Numerikus billentyűzet használata egér irányítására Szoftverek használata Tegyük fel, hogy valaki csak az egyik kezét tudja használni. Hogyan nyomja le a billentyűzeten mondjuk a CTRL+ALT+F12-es kombinációt? A Beragadó billentyűk funkció segíthet, amely az operációs rendszerek nagy részében elérhető. Louise Watkin (úszó) 52 26

Szoftverek használata Hogyan tudja kezelni a számítógépet az a felhasználó, aki például nyaktól lefele le van bénulva? Fejegér használata Christofer Reeve színész (lovasbalesetben eltört a nyakcsigolyája) 53 Fejegér, szemegér http://nipg.inf.elte.hu/headmouse/headmouse.html http://bit.ly/fejeger 54 27

MouSense fejegér www.colleyeder.com/mousense/telepites-2/asztaliszamitogepekhez-pc/ http://bit.ly/mousense Speciális billentyűzetek 56 28

Speciális billentyűzetek Lábbal kezelhető billentyűze t Fejjel irányítható billentyűzet és egér (http://www.lomakkeyboard.com/) 57 Billentyűzetkezelő eszközök 58 29

Speciális egerek, lábegér, joystick 59 Pontos pozícionálás gondot okozhat 60 30

Pontos pozícionálás 61 62 Értelmileg akadályozott emberek 31

Értelmileg akadályozott emberek Jó átláthatóság Vezetni kell a felhasználót Egyszerű nyelvezet Következetes működés Hétköznapi helyzetek Ezek a szempontok mindenkinek jól jönnek bizonyos szinten Szakzsargont kerülni kell A könnyen érthető változat ikonja: 63 Jó példa 64 32

Egyértelmű gombok fontossága Az ikon és a szöveg is Egyértelműsíti, mire kell kattintani Itt nem elég hangsúlyos és Egyértelmű a kosár ikon 65 Technológiailag megkülönböztetettek Eltérő képernyőméret Elavult böngésző Gyenge hardver 66 33

Kis kijelzőméret Mobiltelefon Képernyő Memória Lapozás PDA 320x200 640x480 Vízszintes görgetés Kis méretű betűk (nagyítás) 67 Elavult böngésző Nem biztos, hogy van: JavaScript Flash Java http://www.fkf.hu/ Javascripttel És nélküle FKF honlapja kikapcsolt JavaScript mellett 68 34

Gyenge hardver Gyenge hardver => elavult szoftver Lassú internetkapcsolat (modem, mobil) Nagy/sok kép letöltése lassú Lassú processzor, kevés memória Nagy méretű oldalakat lassan kezelik Sok objektumot lassan kezelik Java appletek lassítják 69 Speciális célcsoportok Gyerekek Idősek Alacsony képzettségűek Idegen nyelvek és kultúrák Helyesírás és mértékegységek 70 35

Gyerekek Nem biztos, hogy tud olvasni Sok választási lehetőség nem jó Vezetni kell Könnyen elkalandozik a figyelme Mindenre rákattint 71 Idősek 72 Alacsony informatikai képzettség lehet jellemző Tartanak az ismeretlentől Nagyobb betűméret kényelmesebb számukra Mozgó ikonok, reklámok, szövegek Elvonják a figyelmet Fárasztják a szemet Kiszámítható tartalom, viselkedés 36

Alacsony (informatikai) képzettségűek Kiszámítható tartalom, viselkedés Felugró ablakok félrevezetik Szakzsargon mellőzése Jól felépített súgó 73 74 Szabványok, ajánlások 37

A World Wide web Consortium (W3C) A webszabványok fejlesztésének nyilvános fóruma Jelszavai: Semlegesség és egyetértés 1994-ben Tim Berners Lee alapította az MIT-n További anyaintézmények: ERCIM (INRIA) Franciaország KEIO Egyetem Japán 75 A World Wide web Consortium (W3C) Több mint 350 tag Apple Boeing Cisco Microsoft Nokia Vodafone 76 http://www.w3.org/consortium/member/list 38

A W3C alapelvei A webszabványoknak nyíltaknak kell lenniük Web mindenkinek tekintet nélkül az anyanyelvre, eszközkészletre, Web minden eszközön nem csak PC-ken, telefonokon, PDA-kon, televízión,... A webtechnológiák legyenek együttműködők a webtechnológiák széles körére épül nincs olyan technológia, amely minden, webbel kapcsolatos szükségletet képes lenne kielégíteni ezért szükséges biztosítani a technológiák együttműködését 77 A W3C alapelvei Tudásalapú, támogatott keresés és megosztás az információ legyen feldolgozható az emberek és a gépek számára is Bizalom az együttműködést segítő környezethez szükséges technológiák A Web, ami kiszámítható, biztonságos, bizalmi és titkos 78 39

Egymásra épülő W3C szabványok 79 A W3C Szabványosítás folyamata Munkacsoport (Working Group) W3C tagjai alkotják Munkaterv (Working Draft) Első nyilvános dokumentum Minden érdeklődő hozzászólhat A dokumentumokat többször is javítják, kiadják munkatervként Előzetes javaslatterv (Candidate Recommendation) Akkor, amikor már nincsen részletes változtatás Első implementációk készülnek 80 40

A W3C Szabványosítás folyamata Javaslatterv (Proposed Recommendation) Széles körben elfogadott és implementált W3C Ajánlás Amikor a tagok és az igazgató is elfogadják A webes társadalom szabványként tekint rá, például: Portable Network Graphics (PNG) Specification (Second Edition) First published 1 October 1996, revised 10 November 2003 Cascading Style Sheets (CSS1) Level 1 Specification First published 17 December 1996, revised 11 January 1999 Cascading Style Sheets, level 2 (CSS2) Specification 12 May 1998 Web Content Accessibility Guidelines 1.0 5 May 1999 HTML 4.01 Specification 24 December 1999 XHTML 1.0 (Second Edition) First published 26 January 2000, revised 1 August 2002 81 W3C - Web Accessibility Initiative (WAI) http://www.w3.org/wai/ Web Content Accessibility Guidelines 1.0: ajánlás (1999. máj. 5.) 2.0: ajánlás (2008. dec. 11.) Részletesebb útmutató Understanding WCAG 2.0 Technológiák sokszínűsége Szélesebb közönségnek 82 41

Fontos dokumentumok Web Akadálymentesítési Útmutató 2.0 magyarul http://w3c.hu/forditasok/wcag20/ Technikák a WCAG 2.0-hoz http://w3c.hu/forditasok/wcag20- TECHS/index.html WCAG 2.0 Értelmezése http://w3c.hu/forditasok/understanding- WCAG20/index.html 83 WCAG 1.0 Web Content Accessibility Guidelines Priority 1 (must) Pl.: szöveges megfelelő biztosítása minden képhez Priority 2 (should) Pl.: style sheet használata (tartalom-megjelenítés) Priority 3 (may) Pl.: fontos linkekhez gyorsbillentyű rendelése Gépi és kézi ellenőrzés 84 42

WCAG 1.0 Checklist 85 http://www.w3.org/tr/wai-webcontent/full-checklist.html 86 Akadálymentes weboldalak WCAG 2.0 43

Néhány alapfogalom csak-videó egy idő-alapú bemutató, amely csak videófelvételt tartalmaz (nincs hang és nincs interakció) élő egy, a való világban történt esemény rögzítése és továbbítása a befogadó felé, kizárólag a közvetítésből adódó késleltetéssel Megjegyzés 1: a közvetítésből adódó késleltetés rövid (gyakran automatizált). Például azért használják, hogy a közvetítő időt nyerjen vele a hang (vagy videó) sorrendbe rendezésére és cenzúrázásra, de jelentős mennyiségű szerkesztéshez nem biztosít elegendő időt. Megjegyzés 2: A teljesen számítógép által generált információ nem tekinthető élőnek. 87 Néhány alapfogalom feliratok a médiatartalom megértéséhez szükséges dialógus és dialógus nélküli hanginformáció szinkronizált vizuális vagy szöveges változata Megjegyzés 1: A feliratok hasonlóak a csak dialógus feliratokhoz, kivéve, hogy a feliratok nemcsak a beszélt dialógus tartalmát közvetítik, hanem egyenértékű dialógus nélküli információkat is, amely a program tartalmának megértéséhez szükséges, beleértve a hanghatásokat, zenét, nevetést, valamint a beszélő azonosítását és helyzetét. 88 44

Néhány felirat példa Háttérzene jelölése a feliratban 89 http://captionmax.com/services/style-gallery/ Néhány alapfogalom feliratok Megjegyzés 2: A zárt feliratok olyan megfelelők, amelyek bizonyos lejátszóknál ki- és bekapcsolhatók. Megjegyzés 3: A nyílt feliratok azok a feliratok, melyeket nem lehet kikapcsolni. Például: ha a feliratok videófelvételbe ágyazott képként reprezentált szöveg vizuális megfelelői. Megjegyzés 4: A feliratok nem fedhetik el és nem akadályozhatják meg a lényeges információ megjelenését a videón. Megjegyzés 5: Néhány országban a feliratokat képaláírásnak nevezik. Megjegyzés 6: A hangzó leírások feliratozhatók (ez nem kötelező), mivel olyan információ-leírásnak számítanak, melyek már vizuálisan megjelentek. 90 45

Nyílt felirat A felirat nem kapcsolható ki (nyílt felirat) 91 Zárt felirat 92 Kikapcsolható, zárt felirat (CC) a Youtube-on, többnyelvű választási lehetőséggel http://www.youtube.com/watch?v=r4 kbhtbarwm 46

Néhány alapfogalom hangzó leírás a hangfelvételhez adott összefoglaló a lényeges vizuális részletek megjelenítésére, melyeket csak a hangfelvétel alapján nem lehet megérteni Megjegyzés 1: A videó hangzó leírása információt nyújt a cselekményekről, karakterekről, háttérváltozásokról, a képernyőn megjelenő szövegről és más vizuális tartalomról. 93 Néhány alapfogalom hangzó leírás Megjegyzés 2: Szabályos hangzó leírásban, a dialógusok szüneteiben szöveges leírás hallható (tekintse meg a kiterjesztett hangzó leírást is.) Megjegyzés 3: Abban az esetben, ahol teljes videóanyagot tartalmazó információ biztosított már létező hangzó-formátumban, további hangzó leírás nem szükséges. Megjegyzés 4: Videó-leírásnak és leíró összefoglalónak egyaránt nevezik. 94 47

Példa hangzó leírásra Legyetek jók, ha tudtok (a narrált verzióból egy rövid ízelítő) http://www.youtube.com/watch?v=m29sei-0yba 95 Példa hangzó leírásra Hangzó leírás (Audio Description) Zárt felirat (Closed Caption) A zárt hangzó leírás kikapcsolására a lejátszóprogram lehetőséget ad(hat). 96 http://www.longtailvideo.com/support/jw-player/22/making-videoaccessible 48

Néhány alapfogalom kiterjesztett hangzó leírás hangzó leírás, melyet az audiovizuális megjelenítéshez kapcsolnak, a videófelvétel szüneteltetésével, annak érdekében, hogy legyen idő a további leírás hozzáadásához Megjegyzés: Ezt a módszert csak akkor használják, amikor a videó jelentése elveszne a további hangzó leírás nélkül, és a szünetek a dialógus/szöveges leírás között túl rövidnek bizonyulnak. 97 Kiterjesztett hangzó leírásra példa 98 http://australia.gov.au/content/extended-audio-descriptionversion?context=apology-to-australias-indigenous-peoples 49

Néhány alapfogalom teljes szövegű leírás (videóleírás) A hangzó leírástól eltérően a videóleírás rész nem korlátózódik kizárólag csak a párbeszéd szüneteire. Teljes leírások biztosítottak az összes vizuális információról, beleértve a vizuális kontextust, a szereplők tevékenységeit és kifejezéseit, valamint az egyéb vizuális anyagokat. Továbbá, a nem beszédhangok (nevetés, képernyőn kívüli hangok stb.) is leírásra kerülnek, az összes párbeszéd leiratával. A leírások és a párbeszéd-leiratok sorrendje ugyanaz, mint magában a szinkronizált médiában. Ennek eredményeképpen, az idő-alapú médiaváltozat a szinkronizált médiatartalom sokkal összetettebb megjelenítését tudja biztosítani, mint önmagában a hangzó leírás. 99 Példa teljes szövegű leírásra ( Kovács Gábor András Abonyi-Tóth Andor, 2010) 100 50

Néhány alapfogalom szinkronizált média más formátummal és/vagy idő alapú interaktív alkotóelemekkel szinkronizált audio vagy videó az információ bemutatásához, hacsak a média nem számít egy szöveg médiaváltozatának, és ez egyértelműen jelölve van 101 1. Alapelv: Észlelhetőség Az információt és a felhasználói felület elemeit olyan módon kell megjeleníteni a felhasználók számára, hogy azokat érzékelni tudják. 102 51

1. Alapelv: Észlelhetőség 1.1 Irányelv: Szövegalternatívák: Szöveges alternatívát biztosít bármilyen nem-szöveges formátumú tartalomhoz, olyan módon, hogy a szükségleteknek megfelelően nagybetűre, Braille-írásra, beszédre, szimbólumokra, vagy egyszerűsített nyelvre lehessen változtatni 103 Cél Az irányelv célja, hogy a nem-szöveges tartalmak szöveges formátumban is hozzáférhetők legyenek. A "szöveg" kifejezés elektronikus szövegre utal és nem képként reprezentált szövegre. Az elektronikus szöveg rendelkezik a semleges megjelenítés különleges előnyével. Ez azt jelenti, hogy a szöveg a szükségletek függvényében átalakítható a láthatóság, hallhatóság, tapinthatóság, valamint ezek kombinációi szerint, így az elektronikus szöveg a felhasználó igényeinek legmegfelelőbb módon tehető hozzáférhetővé. Az olvasási nehézséggel küzdő felhasználók számára könnyedén nagyítható és kihangosítható, illetve a további igényeknek megfelelően tapinthatóvá tehető. 104 52

1. Alapelv: Észlelhetőség 1.1.1 Nem-szöveges tartalom: A felhasználóknak nyújtott minden nem-szöveges tartalom rendelkezik egyenértékű szövegalternatíva megjelenítéssel, kivéve a lent felsorolt helyzetek esetében Vezérlési, beviteli eszközök Idő-Alapú Média (hang- vagy videófelvétel, interaktív programok) Teszt Érzékszervi élmény CAPTCHA Dekoráció, Formázás, Nem látható (invisible) 105 Cél A teljesítési feltétel célja, hogy szövegalternatívákon keresztül tegye hozzáférhetővé a nem-szöveges tartalom által közvetített információkat. Mivel a szövegalternatívák érzékelési modalitása (például vizuális, audió vagy tapintásbeli megjelenítés) változtatható, ezért elsődleges eszközként alkalmazhatók az információk közvetítésére. A szövegalternatívák révén az információk a felhasználói programoknak megfelelő módon alakíthatók. Például az a felhasználó, aki nem látja a képeket, a szintetizált hang segítségével létrehozott hangos szövegalternatíva révén juthat az adott tartalom birtokába. A vizuálisan megjeleníthető olvasható szövegalternatíva pedig a hangos fájlokat nem halló felhasználóknak nyújt segítséget 106 53

1. Alapelv: Észlelhetőség Vezérlési, beviteli eszközök: Amennyiben a nemszöveges tartalom egy vezérlési parancs, vagy felhasználói adatbevitelt fogad el, akkor egy a célját leíró név tartozik hozzá. Például: <input type="image" src="mentes.gif" alt="mentés" title="mentés" /> 107 1. Alapelv: Észlelhetőség Amennyiben a nem-szöveges tartalom egy idő-alapú média, akkor a szöveges alternatívák legalább a nemszöveges tartalom azonosítására alkalmas leírást biztosítsák. Például: <object classid="http://www.example.com/analogclock.py"> <p>itt jön az a szöveg, amely leírja az objektumot és annak működését.</p> </object> 108 54

1. Alapelv: Észlelhetőség Amennyiben a nem-szöveges tartalom teszt, vagy feladat, amit nem-szöveges formátumban kell bemutatni, akkor a szöveges alternatívák legalább a nem-szöveges tartalom azonosítására alkalmas leírást biztosítsák. Például: <object classid="http://www.pelda.hu/matek"> <p>matematika feladatok első osztályosok számára, az alakfelismerés gyakorlására.</p> </object> 109 1. Alapelv: Észlelhetőség Amennyiben a nem-szöveges tartalom elsődleges célja specifikus érzékszervi élmény létrehozása, akkor a szöveges alternatívák legalább a nem-szöveges tartalom azonosítására alkalmas leírást biztosítsák. <object classid="http://www.pelda.hu/zongora"> <p>ez egy zenetanító program, ahol zongorázni tud a felhasználó.</p> </object> 110 55

1. Alapelv: Észlelhetőség Amennyiben a nem-szöveges tartalom célja annak megerősítése, hogy a tartalomhoz személy és nem számítógép fér hozzá, akkor azok a szöveges változatok biztosítottak, amelyek azonosítják és leírják a nem-szöveges tartalom célját; valamint biztosítottak a CAPTCHA (olyan képrejtvény, ami azt ellenőrzi, hogy a felhasználó nem robot, hanem ember) olyan alternatív formái, melyek más kimeneti formát használnak a különféle típusú érzékszervi észleléshez, a különböző fogyatékosságokhoz történő alkalmazkodás céljából. 111 Megjegyzés A képi és audió Captcha helyett szerencsésebb lehet a negatív Captcha használata. A negatív CAPTCHA lényege az, hogy nem arra kényszeríti rá pl egy blog látogatóit, hogy bebizonyítsák azt hogy hús-vér emberek, hanem a robotokat veszi rá, hogy bebizonyítsák: nem azok! Módszer: a védendő oldal tulajdonosa felvesz egy szövegmezőt minden űrlapjához, amit pl. CSS vagy JavaScript segítségével eltűntet a látogatók szeme elől. Csakhogy a crawlerek nem az oldal összképét, hanem annak forráskódját látják, ráadásul általában elég butuskák is szegények: mohón kitöltenek minden lehetséges mezőt a szemetükkel. 112 http://buhera.blog.hu/2008/04/04/negativ_captcha 56

1. Alapelv: Észlelhetőség Amennyiben a nem-szöveges tartalom csak dekoráció, csak vizuális formázáshoz használt, vagy a felhasználók számára nem jelenik meg, akkor az úgy legyen megvalósítva, hogy azt a segítő technológiák figyelmen kívül hagyhassák. <img src="balfelsosarok.gif" width="20" height="20" alt="" /> 113 1. Alapelv: Észlelhetőség 1.2 Irányelv: Idő Alapú Média: Alternatívák biztosítása az idő alapú médiához Az egyes tartalmakhoz meghatározott teljesítési feltételek tartoznak. Attól függően, hogy egy média csak-hang vagy csakvideó, vagy összetett média, más-más teljesítési feltételek vonatkozhatnak rájuk. A média lehet egyenes (élő) közvetítés vagy előre rögzített. Minden egyes teljesítési feltételben egyértelműen jelölt, ha a teljesítési feltétel vonatkozik az élő vagy előre rögzített médiához. 114 57

1. Alapelv: Észlelhetőség 1.2.1 ( A ) Csak Hang és Videó (Előre rögzített): az előre rögzített csak hang és előre rögzített csak videó felvételek esetében a következők valósulnak meg - kivéve, amikor a hang, vagy a videó a szöveg média alternatívája, és ez egyértelműen jelezve van (A szint) Előre rögzített hanganyag (csak hang) Előre rögzített videó (csak videó) 115 Cél A teljesítési feltétel célja, hogy az előre rögzített csakhang, és az előre rögzített csak-videó tartalom által közvetített információt minden felhasználó számára hozzáférhetővé tegye. A szövegre épülő idő-alapú média alternatíva elérhetővé teszi az információt, mert a szöveget bármilyen érzékszervi csatornán (például: látás, hallás, tapintás) keresztül lehet közvetíteni, hogy megfeleljen a felhasználó igényeinek. A jövőben pedig a szöveget át lehet fordítani szimbólumokra, jelnyelvre vagy a nyelv egyszerűsített formáira. 116 58

1. Alapelv: Észlelhetőség Egy szöveges változat biztosított annak érdekében, hogy egyenértékű információt nyújtson az előre rögzített csak-hang tartalomhoz. 117 1. Alapelv: Észlelhetőség Vagy egy szöveges változat, vagy egy hangfelvétel biztosított melynek az információtartalma megegyezik az előre rögzített csak-videó tartaloméval. <a href="../video/marsraszallas.mp4"> <img src="../images/urhajo.jpg" alt="marsra szállás, csak videó változat" width="193" height="255"/></a> <br /> <a href="mars_landing_audio.mp3> Marsra szállás narrált hanganyag</a> 118 59

1. Alapelv: Észlelhetőség 1.2.2 ( A ) Feliratok (előre rögzített): feliratok biztosítottak az összes előre rögzített hangtartalomhoz, amit a szinkronizált média tartalmaz, kivéve, amikor a média a szöveg média alternatívája, és ez egyértelműen jelezve van. (A szint) 119 Cél 120 A teljesítési feltétel célja, hogy lehetővé tegye a siket vagy hallássérült emberek számára a szinkronizált média megjelenítések megtekintését. A hanganyagon keresztül elérhető tartalom egy részének elérését feliratok biztosítják. A feliratok nemcsak a párbeszédet tartalmazzák, hanem beazonosítják a beszélő személyt és megjelenítik a hangon keresztül közvetített beszéd nélküli információt, beleértve a jelentéssel teli hangeffektusokat is. A siket vagy hallássérült személyek a szinkronizált médiatartalomhoz tartozó feliratokon keresztül hozzáférhetnek a hallható információhoz. 60

Felirat egy Youtube videón 121 Példák az 1.2.2 teljesítési feltételre Egy feliratozott oktatási segédlet Egy videó-klip bemutatja, hogy hogyan kell csomót kötni. A feliratok így olvashatók : (zene) Kötelet használni a csomókötéshez az olyanok számára, mint a matrózok, katonák és favágók, fontos készség volt.. Whit Anderson: Minták átirat formázáshoz c. anyagából Egy összetett jogi dokumentum különböző bekezdéseihez szinkronizált média klipek tartoznak, melyeken egy személy beszél a bekezdés tartalmáról. Mindegyik klip a hozzáillő bekezdéshez kapcsolódik. Nincsenek feliratok a szinkronizált média kliphez. 122 61

Példák az 1.2.2 teljesítési feltételre Egy útmutató kézikönyv, mely egy alkatrész leírását tartalmazza, és ennek helyes helyzetét/elhelyezkedését egy hozzátartozó szinkronizált médiaklip mutatja, mely a megfelelő helyzetben ábrázolja az alkatrészt. Nincsenek feliratok a szinkronizált médiakliphez. 123 1. Alapelv: Észlelhetőség 1.2.3 ( A ) Hangzó leírás, vagy teljes szövegű változat: A szinkronizált média esetében biztosított az interakciókat is magába foglaló szinkronizált médiához készült teljes szövegű változat, vagy hangzó leírás az előre rögzített videótartalomhoz kapcsolódóan. Kivételt jelent, amikor a média a szöveghez készült média változat, és ez egyértelműen jelezve van. (A szint) 124 62

Cél A teljesítési feltétel célja, hogy a vak vagy csökkent látóképességű emberek számára hozzáférést biztosítson a vizuális információhoz egy szinkronizált média megjelenítésen keresztül. Ez a teljesítési feltétel azoknak a személyeknek is segítséget nyújt, akik nehézségekbe ütköznek egy videófelvétel vagy más szinkronizált médiatartalom megtekintésénél, beleértve azokat is, akiknek mozgó képek észlelése és értelmezése okoz nehézséget. Amennyiben a szinkronizált médiához bármilyen interakció tartozik (pl. "válaszadáshoz nyomja meg most a gombot"), akkor az idő-alapú média hiperhivatkozást biztosít, vagy bármit, ami ugyanannak a funkciónak az eléréséhez szükséges. 125 Legyetek jók, ha tudtok, látássérült emberek számára narrációval kiegészített változat 126 A fenti videóban például ezt halljuk (a nagybetűs részeket a narrátor mondja a videó szüneteiben): - Jézus, hogy lehetséges ez? FÜLÖP ATYA A KEZÉBEN TARTOTT FESZÜLETRE NÉZ. - Pedig én a bíborost rettenetesen utálom MONDJA LEONETTA CIRIFISCHIORA NÉZVE. 63

Példák az 1.2.3 teljesítési feltételre A második megközelítés magában foglalja a szinkronizált média összes információjának (vizuális és hallható) leírását szöveges formátumban. Egy alternatíva az idő-alapú médiához biztosít egy folyamatos leírást mindenről, ami a szinkronizált média tartalmon belül történik Magyarázó személy: A cím, "Evolúciós esettanulmányok oktatása. Bonnie Chen." A tanár hosszú, vékonycsőrű madarak fényképeit mutatja be. Bonnie Chen: "Ezek a képek Everglades-nél készültek." Magyarázó személy: A tanár mindegyik diáknak két vékony, egyenes fapálcát ad. Bonnie Chen: "A mai napon olyan gázlómadarakat fogtok alakítani, melyeknek ilyen csőrük van." Magyarázó személy: A tanár két pálcát tart a szája elé, melyekkel csőrt formál. A hanganyag átírása az "Evolúciós esettanulmányok oktatása, Bonnie Chen" (copyright WGBH and Clear Blue Sky Productions, Inc.) első pár percének alapján készült 127 Példák az 1.2.3 teljesítési feltételre Idő-alapú médiaváltozat oktató videóhoz Egy vállalat oktató videót vásárol az alkalmazottak részére és feltölti azt a vállalat belső hálózatára. A videó egy új technológia használatának magyarázatát tartalmazza: egy személy látható rajta, aki egyszerre magyarázza és mutatja be a dolgokat. Mivel a párbeszéd szüneteiben nincs hely a bemutató hangzó leírásának beszúrására, a vállalat egy időalapú médiaváltozatot biztosít annak érdekében, hogy az összes alkalmazott (beleértve azokat is, akik nem látják, láthatják a bemutatót) használni tudja a jobb megértés érdekében. 128 64

1. Alapelv: Észlelhetőség 1.2.4. ( AA ) Feliratok (élő): Feliratok állnak rendelkezésre az összes élő hang (live audio) tartalomhoz a szinkronizált média esetében. (AA szint) 129 Cél A teljesítési feltétel célja, hogy lehetővé tegye a siket és nagyothalló személyek számára valós idejű megjelenítések megtekintését. A feliratok a tartalomnak azt a részét jelenítik meg, amely a hanganyagon keresztül érhető el. A feliratok nemcsak párbeszédeket tartalmaznak, hanem azonosítják a beszélő személyét is, valamint hanghatásokat és egyéb lényeges hanganyagokat jelölnek. 130 65

1. Alapelv: Észlelhetőség 1.2.5 ( AA ) Hangzó leírás: Hangzó leírás biztosított az összes előre rögzített videótartalomhoz a szinkronizált média esetében. 131 Cél A teljesítési feltétel célja, hogy a vak vagy csökkent látóképességű emberek, vagy kognitív nehézségekkel küzdő nézők számára hozzáférést biztosítson a vizuális információhoz egy szinkronizált média-megjelenítésen keresztül. A hangzó leírás a szükséges információval növeli a megjelenítés hang-részét. A párbeszédek közötti szünetek alatt a hangzó leírás információt biztosít a fontos, de a fő hanganyagban nem részletezett vagy nem említett tevékenységekről, személyekről, helyszínváltozásokról és a képernyőn megjelenő szövegekről. Ez a teljesítési feltétel annyiban szigorúbb az A szintű 1.2.3-astól, hogy itt már kötelező hangzó leírást biztosítani (nem lehet teljes szövegű változattal helyettesíteni) azért, hogy a filmet ne csak elolvasni tudja egy látássérült, hanem esetleg a többiekkel egyidejűleg élvezhesse is azt. http://www.youtube.com/watch?v=zcqn_cclnnk The Lady Vanishes (with audio description and closed captions) 132 66

Példák az 1.2.5 teljesítési feltételre Egy film hangzó leírással. Magyarázó személy: A cím, "Evolúciós esettanulmányok oktatása. Bonnie Chen." A tanár hosszú, vékonycsőrű madarak fényképeit mutatja be. Bonnie Chen: "Ezek a képek Everglades-nél készültek." Magyarázó személy: A tanár mindegyik diáknak két vékony, egyenes fapálcát ad. Bonnie Chen: "A mai napon olyan gázlómadarakat fogtok alakítani, melyeknek ilyen csőrük van." Magyarázó személy: A tanár két pálcát tart a szája elé, melyekkel csőrt formál. A hanganyag átirata az "Evolúciós esettanulmányok oktatása, Bonnie Chen" (copyright WGBH and Clear Blue Sky Productions, Inc.) első pár percén alapul. 133 1. Alapelv: Észlelhetőség 1.2.6 Jelnyelv ( AAA ) : Jelnyelvi értelmezés biztosított minden előre rögzített hangtartalomhoz a szinkronizált média esetében. 134 67

Cél A teljesítési feltétel célja, hogy a jelnyelvet használni tudó siket vagy hallássérült emberek számára lehetővé tegye a szinkronizált média megjelenítés hanganyag tartalmának megértését. A születésüktől fogva siket embereknek a magyar nem az anyanyelve, csak egy tanult idegen nyelv, ezért ők sokkal könnyebben megértik a jelnyelvet, mint egy feliratot. Mivel a jelnyelv, a felirattal ellentétben, képessé tesz az intonáció, érzelem és egyéb hangzó információ kifejezésére, gazdagabb értelmezést és egyenértékű hozzáférést biztosít a szinkronizált médiához. Azok az emberek, akik jól kommunikálnak jelnyelven, gyorsabbak is a jelnyelv használatában. Ez azért fontos, mert a szinkronizált média idő-alapú megjelenítésnek számít. 135 1. Alapelv: Észlelhetőség 1.2.7 ( AAA ) Hangzó leírás (kiterjesztett): Ahol a videó értelmező leírására a hanganyag szüneteiben nincs lehetőség, kiterjesztett hangzó leírás biztosított minden előre rögzített videótartalomhoz a szinkronizált média esetében. 136 68

Cél Mivel gyakran nincs lehetőség, hogy a hanganyag szüneteibe beleférjen az a többletinformáció, ami a képen látható, ezért ilyen esetekben lehetőséget kell biztosítani, hogy a videó megállítása mellett a hangzó anyag kiegészítő információi (hogy mi történik) elhangozzanak, majd folytatódjék a videó. Mivel ez a látókat zavarhatja, ezt a funkciót kikapcsolhatóvá vagy opcionálissá kell tenni. Ez főleg olyankor fordulhat elő, amikor gyorsan pörögnek az események, vagy folyamatosan beszélnek a szereplők. Egy online előadás esetében is valószínűleg ez a helyzet: az előadó folyamatosan beszél, miközben a mögötte lévő kivetítőn különböző ábrákat mutat; ezek leírásához azonban vak vagy csökkent látóképességű felhasználók esetén szüneteltetni kell az előadást, a narrátornak el kell mondania mi van a kivetítőn, ezt követően lehet folytatni az előadást. 137 1. Alapelv: Észlelhetőség 1.2.8 ( AAA ) Média alternatíva: Egy a szinkronizált médiához készült változat biztosított az összes előre rögzített szinkronizált média és az összes előre rögzített csak-videó esetében. A teljesítési feltétel célja, hogy az audió-vizuális tartalmat szöveges formában elérhetővé tegye azok számára, akiknek a feliratok elolvasása gondot okoz gyenge látóképességük miatt, és akiknek gyenge a hallása a dialógusok és hangzó leírások meghallgatásához. Ennek megvalósítása az idő-alapú média alternatíva biztosításával történik. 138 69

Magyarázat Ez a teljesítési feltétel annyiban szigorúbb az A szintű 1.2.3-astól, hogy itt már kötelező az interakciókat is magában foglaló szinkronizált médiához készült teljes szövegű változat biztosítása. Tulajdonképpen AAA szinten már az 1.2.3-as feltételben említett két lehetőség közül nem lehet választani, hanem mindkettőt kötelező biztosítani (a másik kritériumot az 1.2.5-ös AA szintű feltétel írja elő). 139 HTML 5 példa <video width="640" height="480" controls> <source src="elozetes.ogv" type='video/ogg; codecs="theora, vorbis"'> <source src="elozetes.mp4" type='video/mp4; codecs="avc1.42e01e, mp4a.40.2"'> <p><strong>magyarázó személy:</strong> A cím, "Evolúciós esettanulmányok oktatása. Bonnie Chen." A tanár hosszú, vékonycsőrű madarak fényképeit mutatja be.</p> <p><strong>bonnie Chen:</strong> "Ezek a képek Everglades-nél készültek."</p> <p><strong>magyarázó személy:</strong> A tanár mindegyik diáknak két vékony, egyenes fapálcát ad.</p> <p><strong>bonnie Chen:</strong> "A mai napon olyan gázlómadarakat fogtok alakítani, melyeknek ilyen csőrük van."</p> <p><strong>magyarázó személy:</strong> A tanár két pálcát tart a szája elé, melyekkel csőrt formál.</p> <p>a hanganyag átírása az <a href="http://www.pbs.org/wgbh/evolution/educators/teachstuds/tvideos.html">evolúciós esettanulmányok oktatása, Bonnie Chen</a> (copyright WGBH and Clear Blue Sky Productions, Inc.) első pár percének alapján készült</p> </video> 140 Mivel a HTML5 dokumentumokat még a böngészők jelentős része nem támogatja, ezért fontos, hogy a videóhoz biztosítsunk egy alternatívát. Azok a böngészők, amelyek nem támogatják a video elemet, azok a <video> és </video> közötti tartalmat fogják megjeleníteni, jelen esetben a videó teljes szövegű változatát. 70

1. Alapelv: Észlelhetőség 1.2.9 Csak-hang, élő (live audio only): Szöveges változat biztosított, amely az élő csak-hang tartalommal egyenértékű információt nyújt. 141 Magyarázat Az élő hangot, az élő beszédek és rádióműsorok webes sugárzása során közvetített információt elérhetővé kell tenni szöveges formában is. Ez például egy hangos környezetben tartott videokonferencia esetében mindenkinek, nem csak a siket emberek számára hasznos. 142 71

1. Alapelv: Észlelhetőség 1.3 Irányelv: Adaptálhatóság: Olyan tartalom előállítása, amely információ-vesztés, vagy a szerkezet megsérülése nélkül, különböző módokon jeleníthető meg (például az egyszerűbb elrendezés) 143 1. Alapelv: Észlelhetőség 1.3.1 ( A ) Információ és relációk/összefüggések: A megjelenítésen keresztül közvetített információ, a szerkezet és ezek relációi algoritmikusan meghatározhatók vagy szöveges formátumban elérhetők legyenek. (A szint) 144 72

Példa 145 A paragrafusokat, idézeteket ne csak megjelenítésben különítsük el, hanem használjuk az ezek jelölésére hivatott HTML elemeket, így nem csak a megjelenített információt látó felhasználók, hanem a böngészők, felolvasóprogramok, keresők is tudni fogják, hogy az adott paragrafus egy idézet. <p> Nemcsak személyek, de tárgyak is fontos, állandóan visszatérő szerepet játszanak az <cite>egri Csillagok</cite> című műben. Ilyen például Jumurdzsák amulettje, a gyűrű. </p> <blockquote> <p>ahogy megmozdult, megérezte, hogy valami kicsúszott a zsebéből. Fölvette és megbámulta. Aztán, hogy rátapintott, eszébe jutott, hogy a török talizmánja az. A kis selyemzacskóban valami keménykedett. Fölhasította a kardjával, hát egy gyűrű fordult ki belőle. A gyűrű köve szokatlanul nagy, négyszögletes fekete kő, vagy sötét gránát vagy obszidián, nem lehetett megismerni a holdvilágnál. De azt tisztán lehetett látni, hogy valami halványsárga kőből hold van rajta meg körülötte öt apró gyémántcsillag.</p> </blockquote> Példák az 1.3.1-es teljesítési feltételre Egy űrlap (kötelezően) kitöltendő mezőkkel Egy űrlap számos kitöltendő mezőt tartalmaz. A (kötelezően) kitöltendő mezőkhöz tarozó címkék piros színben jelennek meg. Ezen kívül minden egyes címke végén található egy csillag(*) karakter. A forma kitöltéséhez tartozó utasítások is jelölik, hogy "minden kitöltendő mező piros színben jelenik meg és csillaggal(*) jelölt", valamint egy példa következik utána. Színeket és szöveget használó űrlap a kitöltendő mezők jelölésére A űrlap tartalmaz mind (kötelezően) kitöltendő, mind választható mezőket. A űrlap tetején található utasítások rámutatnak, hogy a kitöltendő mezőket piros színű szöveg jelöli, továbbá egy ikon, melynek szöveges változata feltünteti, hogy "kitöltendő". Mind a piros színű szöveg, mind az ikon algoritmikusan társított az űrlap megfelelő mezőihez, annak érdekében, hogy a kisegítő technológiát használók meg tudják határozni a kitöltendő mezőket. 146 73

Példák az 1.3.1-es teljesítési feltételre Buszmenetrend, ahol a cellákhoz tartozó fejlécek algoritmikusan meghatározottak A buszmenetrend egy táblázatot tartalmaz, ahol a buszmegállók függőlegesen kerülnek felsorolásra az első oszlopban, míg a különböző buszjáratok az első sorban jelennek meg vízszintesen. Minden egyes cella tartalmazza azt az időpontot, amikor a busz megérkezik a buszmegállóba. A buszmegállók és cellák fejlécként azonosíthatók a megfelelő sorhoz vagy oszlophoz kapcsolódóan, annak érdekében, hogy a kisegítő technológia segítségével algoritmikusan meghatározható legyen, hogy melyik busz és melyik megálló kapcsolódik a cellákban feltüntetett időponthoz. Űrlap, ahol az összes jelölőnégyzethez tartozó címke algoritmikusan meghatározható Egy űrlapban az összes jelölőnégyzethez tartozó címke algoritmikusan meghatározható a kisegítő technológia által. Szöveges dokumentum Egy egyszerű szöveges dokumentumban a címek előtt dupla soremelés van, a felsorolásokat csillagok jelölik és egyéb formázási sablont is használnak, azért, hogy struktúrájában algoritmikusan meghatározható legyen. 147 1. Alapelv: Észlelhetőség 1.3.2 ( A ) Sorrendiség: Amikor a tartalom megjelenítésének sorrendisége befolyásolja a jelentést, akkor a helyes olvasási sorrend algoritmikusan meghatározható legyen. 148 74

Példák az 1.3.2-es teljesítési feltételre Példa1: Több oszlopos dokumentumban, a tartalom lineáris megjelenítése, az oszlop tetejétől az aljáig fut, majd ezt követően a következő oszlop tetejéig. Példa2: A CSS-t a navigációs eszköztár, az oldalon található fő- és melléksztori elhelyezésére használjuk. A részek vizuális megjelenítése nem illeszkedik az algoritmikusan meghatározott sorrendhez, de az oldal jelentése nem a részek sorrendjétől függ. 149 Példa A megjelenítés nagyban eltérhet a HTML fájlban található sorrendtől, amit a CSS segítségével valósíthatunk meg. Arra viszont figyelni kell, hogy ne a CSS-t használjuk arra, hogy értelmes sorrendbe kerüljenek a HTML forrásban lévő elemek, azok CSS nélkül is értelmes sorrendben kövessék egymást. Például egy képhez tartozó leírás a HTML fájlban is közvetlenül a kép előtt vagy után legyen, ne csak a CSS helyezze egymás mellé a két elemet. 150 75

1. Alapelv: Észlelhetőség 1.3.3 ( A ) Érzékelési jellemzők: A tartalom értelmezéséhez és kezeléséhez biztosított utasításokat nem lehet kizárólag az olyan érzékelési jellemzők elemeire bízni, mint a forma, méret, vizuális elhelyezkedés, irány, vagy hang. 151 Cél A teljesítési feltétel célja, hogy lehetővé tegye az összes felhasználó számára a tartalom használatához szükséges utasításokhoz való hozzáférést, még abban az esetben is, ha a felhasználók nem képesek a formák, illetve méretek érzékelésére vagy a térbeli elhelyezkedésre és tájékozódásra vonatkozó információ használatára. Bizonyos tartalom értelmezése olyan elemek formájának vagy pozíciójának az ismeretén alapul, amelyekhez a tartalom struktúráján keresztül nem lehet hozzáférni (például, "kerek gomb" vagy a "jobb oldalon lévő billentyű"). Bizonyos fogyatékos felhasználók nem képesek a formák és pozíciók érzékelésére az általuk használt kisegítő technológiák természetéből adódóan. Jelen teljesítési feltétel további információk biztosítását írja elő az olyan esetek tisztázására, amelyek a fent említett információtól függnek. 152 76

Példák az 1.3.3-as teljesítési feltételre Példa 1: Egy időrendi táblázat, mely szín és forma segítségével különbözteti meg a különböző események időpontját. A táblázat az időpontok felsorolását a felső sorban, míg az eseményekét az első függőleges oszlopban jeleníti meg. A táblázat egy adott eseményének időpontjára vonatkozó cella speciális háttérszínben és gyémánt formájú "glyph"-ben jelenik meg, annak érdekében, hogy szín és forma által beazonosítható legyen. Példa 2: Többoldalas, online felmérés A többoldalas, online felmérés egy zöld nyílként megjelenő ikont használ, amely a tartalom jobb alsó sarkában található és segítségével az egyik felmérési oldalról a másikra lehet ugrani. A nyílhoz tartozik egy egyértelmű "Következő" felirat, és az utasításoknak megfelelően "A felmérés következő részéhez a zöld nyíllal jelölt "Következő" feliratú ikon kiválasztásával léphet, mely az utolsó kérdés alatt a lap alján, a jobb oldalon található. 153 Példa Azoknak, akik látják az oldalunkat, nagy segítség, ha egy adott elemről megmondjuk, hogy hol található. Például: a jobb felső sarokban lévő gomb segítségével lehet kijelentkezni. Ebből viszont egy vak, vagy PDA-t használó felhasználó nem fogja tudni, hogy melyik gombról van szó, mert nem ilyen sorrendben, elrendezésben látja az oldalt. Ezért ilyen esetekben meg is kell nevezni azt az elemet, amelyről szó van: a jobb felső sarokban lévő [kilépés] gomb segítségével lehet kijelentkezni. Ebben a példában még szebb lett volna, ha a Belépés szó egy oldalon belüli link lenne, amelyik az oldal megfelelő eleméhez viszi a felhasználót, illetve a billentyűzet-kurzort 154 77

1. Alapelv: Észlelhetőség 1.4 Irányelv: Megkülönböztethetőség: Könnyítsük meg a felhasználók számára a tartalom érzékelését (látását és hallását), beleértve az előtér és háttér megkülönböztethetőségét 155 1. Alapelv: Észlelhetőség 1.4.1 ( A ) Színhasználat: Nem a szín az egyetlen vizuális módja az információ közvetítésének, a tevékenység jelzésének, a válaszadásra ösztönzésnek, vagy a vizuális alkotóelemek megkülönböztetésének. 156 78

Cél A teljesítési feltétel célja biztosítani azt, hogy minden felhasználó hozzáférjen a színkülönbségeken keresztül közvetített információhoz, vagyis a színhasználat által közvetített információhoz, ahol minden színnek meghatározott jelentése van. Amennyiben az információt egy képen (vagy más egyéb nem szöveges formátumon) a színkülönbségeken keresztül jelenítik meg a színérzékelési nehézségekkel küzdő felhasználók (színvak, színtévesztő, mobiltelefont napfényben használó, stb.) esetleg nem látják a lényeget. Ebben az esetben a szín által közvetített információ egy másik vizuális eszközön keresztül történő megjelenítése biztosítja, hogy azok a felhasználók, akik nem látják a színeket, az információt érzékelni tudják. 157 1. Alapelv: Észlelhetőség 158 79

1. Alapelv: Észlelhetőség 159 Példák az 1.4.1 teljesítési feltételre Egy űrlap, amely színt és szöveget használ a kitöltendő mezők jelölésére Egy űrlap kötelezően kitöltendő és nem kötelezően kitöltendő mezőket tartalmaz. Az űrlap tetején lévő utasítások elmagyarázzák, hogy a kötelezően kitöltendő mezők piros szövegű címkével rendelkeznek, és egy ikonnal, melynek szöveges változata jelzi, hogy: kitöltendő. A piros szöveg és az ikon egyaránt algoritmikusan összekapcsolt a megfelelő űrlapmezővel azért, hogy a kisegítő technológiát használók be tudják azonosítani a kötelezően kitöltendő mezőket. Egy vizsga. Diákok egy kémiai vegyület SVG (méretezhető vektorgrafika) képét nézik és a diagramon használt színek alapján beazonosítják a kémiai alkotóelemeket. Az alkotóelemekhez kapcsolódó szöveges változatok megnevezik az elem színét és jelzik az elem helyét a diagramon. Azok a diákok, akik nem érzékelik a színeket, ugyanazt az információt kapják az alkotóelemekről, mint az osztálytársaik. (Ez a technika szintén megfelel a 1.1 irányelvnek, A szint.) 160 80

Példák az 1.4.1 teljesítési feltételre Kikapcsolt űrlap-elemek. Azokat az űrlap-elemeket, amelyek a jelölésen vagy szkripten keresztül kikapcsolnak, a felhasználói programok szürkévé és inaktívvá változtatják. Kikapcsolt állapotban ezek az elemek nem fókuszálhatók. A kisegítő technológiák algoritmikusan meghatározhatják a kikapcsolt elemek állapotát, és erről a felhasználót is tájékoztatják, amint szembekerül az oldalon lévő elemekkel. A szín változtatás és a fókuszvesztés redundáns vizuális információt biztosít a vezérlés állapotáról. 161 1. Alapelv: Észlelhetőség 1.4.2 ( A ) Hangszabályozás: Amennyiben egy Weboldal automatikusan hanganyagot játszik le több mint 3 másodpercen keresztül, akkor vagy egy mechanizmus érhető el a hang szüneteltetéséhez, illetve megállításához, vagy a hangerő rendszerfüggetlen szabályozására mód van. 162 81

Cél Azok a személyek, akik képernyőolvasó szoftvert használnak, nehezen hallhatják a felolvasó hangját, amennyiben egyidejűleg egyéb hanglejátszás is folyik. Ez még nehezebbé válhat amennyiben a képernyőolvasó beszéd kimenete szoftver alapú (ahogy a legtöbb kimenet napjainkban), és a hangerő rendszerfüggetlen szabályozására nincs mód (tehát ugyanazon a hangvezérlőn keresztül szabályozott, mint az egyéb hangok, pl. háttérzene). Ezért fontos, hogy a felhasználó ki tudja kapcsolni a háttérhangot. A hangszabályozás magába foglalja a hangerő nullára csökkentésének lehetőségét. 163 Példák az 1.4.2 teljesítési feltételre Az oldal megnyitásakor automatikusan elindul egy hangfájl lejátszása. A felhasználó leállíthatja a hangot az oldal tetején található elnémít hivatkozás kiválasztásával. Egy 3 másodpercnél rövidebb hangot lejátszó villanó indulólap. Egy automatikusan induló hangot lejátszó villanó indulólap, amely az oldal tetején vezérlést biztosít a felhasználó számára a hang kikapcsolásához 164 82

1. Alapelv: Észlelhetőség 1.4.3 ( AA ) Kontraszt (Minimum): A szöveg és a képként reprezentált szöveg vizuális megjelenítése esetében a kontrasztarány minimum 4,5:1, kivéve az alábbi esetekben: Nagybetű: A nagy betűmérettel szerkesztett szövegek és a nagy betűméretű képként reprezentált szöveg esetében a kontrasztarány minimum 3:1; Járulékosság: Az a szöveg vagy képként reprezentált szöveg nem rendelkezik minimum-kontraszt feltétellel, amely inaktív felhasználói interfész alkotóeleme, vagy csupán dekoráció, vagy egy képen szereplő járulékos szöveg, vagy nem látható. Logó típusok: A logóhoz vagy márkanévhez tartozó szövegek nem rendelkeznek minimum kontraszt feltétellel. 165 Cél A teljesítési feltétel célja elégséges kontrasztot biztosítani a szöveg és háttere között, annak érdekében, hogy az olvasható legyen az enyhén látássérült emberek számára (akik nem használnak kontraszterősítő kisegítő technológiát). A színvakság némileg befolyásolhatja a fényerősség kontrasztját, ezért a javaslatban a kontrasztot olyan módon számítják ki, hogy a szín nem minősül kulcstényezőnek, annak érdekében, hogy a színvak emberek számára is megfelelő kontraszt legyen a szöveg és háttere között. 166 83

1. Alapelv: Észlelhetőség 167 1. Alapelv: Észlelhetőség 168 Ha az oldalról képernyőképet készítünk, amelyet szürkeárnyalatossá alakítunk, akkor az esetleges alacsony kontraszt arány szembetűnő lesz. 84

1. Alapelv: Észlelhetőség 1.4.4 ( AA ) Szöveg átméretezés: Egy szöveg (de nem a képként reprezentált szöveg) a tartalom, vagy a funkcionalitás elvesztése nélkül 200 százalékig átméretezhető kisegítő technológia alkalmazása nélkül. 169 Cél A teljesítési feltétel célja annak biztosítása, hogy a szöveg alapú parancsokat is magába foglaló, vizuálisan előállított (renderelt) szöveg jól méretezhető legyen annak érdekében, hogy az enyhén látáscsökkent emberek is közvetlenül olvasni tudják anélkül, hogy az olyan kisegítő technológiák használatát igényelnék, mint a képernyőnagyítók. A felhasználók számára előny származhat a weboldalon található összes tartalom átméretezéséből, de a legkritikusabb elemnek a szöveg számít. 170 85

1. Alapelv: Észlelhetőség 171 1. Alapelv: Észlelhetőség 1.4.5 ( AA ) Képként reprezentált szöveg: Amennyiben az alkalmazott technológiák biztosítani tudják a vizuális megjelenítést, az alábbi esetek kivételével a szöveg közvetíti inkább az információt, mint a képként reprezentált szöveg: Testreszabás: A képként reprezentált szöveg a felhasználói igényeknek megfelelően lehet vizuálisan tesztreszabott; Lényegiség: Az információ továbbítása érdekében lényeges a szöveg pontos megjelenítése. 172 86

Cél A teljesítési feltétel célja arra ösztönözni a szerkesztőket, akik speciális vizuális megjelenítések alkalmazására képes technológiákat használnak, hogy lehetővé tegyék az egyedi vizuális szövegmegjelenítést igénylő emberek számára a szövegmegjelenítés beállítását saját igényeik szerint. Ez magába foglalja azokat, akik a szöveg megjelenítését különleges betűméretben, előtér- és háttérszínben, betűcsaláddal, sortávolsággal, vagy igazítással igénylik. A teljesítési feltétel két kivételt említ meg: Testreszabás: A képként reprezentált szöveg a felhasználói igényeknek megfelelően lehet vizuálisan testreszabott; Lényegiség: Az információ továbbítása érdekében lényeges a szöveg pontos megjelenítése. 173 Magyarázat Amennyiben egy webszerkesztő szöveg segítségével is ugyanolyan vizuális hatást képes elérni, akkor az információt inkább szövegként, mint képként jelenítse meg. Ha valamilyen oknál fogva nem tudja a szöveg formázásával ugyanazt a hatást elérni: például ha a hatás nem lesz megbízhatóan megjeleníthető az általában elérhető felhasználói programokon, vagy ha a jelen feltétel teljesítéséhez használt technológia akadályoz más, olyan feltétel teljesítését, mint az 1.4.4, akkor képként reprezentált szöveget lehet alkalmazni. Például akkor, amikor a szöveg egyedi megjelenítése lényeges az információ átadásához: ilyenek a típusminták, az emblémák, a márkajelzések, stb 174 87

1. Alapelv: Észlelhetőség 1.4.6 ( AAA ) Kontraszt (kiemelés): A szöveg és a képként reprezentált szöveg vizuális megjelenítése során a kontrasztarány legalább 7:1, kivéve az alábbi esetekben: Nagybetű: Nagy betűmérettel szerkesztett szöveg és a nagy betűmérettel szerkesztett képként reprezentált szöveg esetében a kontraszt arány 4,5:1; Járulékosság: A szövegnek, vagy a képként reprezentált szövegnek nincsenek minimum kontraszt feltételeik, amennyiben inaktív felhasználói interfész alkotóelem, csupán dekoráció, egy képen szereplő esetleges szöveg, vagy egyáltalán nem láthatóak. Logó típusok: A logóhoz vagy márkanévhez tartozó szövegnek nincs minimum kontraszt feltétele. 175 Cél A teljesítési feltétel célja elégséges kontrasztot biztosítani a szöveg és háttere között, annak érdekében, hogy az olvasható legyen az enyhén látássérült emberek számára (akik nem használnak kontraszterősítő kisegítő technológiát). A színvakság némileg befolyásolhatja a fényerősség kontrasztját, ezért a javaslatban a kontrasztot olyan módon számítják ki, hogy a szín nem minősül kulcstényezőnek, annak érdekében, hogy a színvak emberek számára is megfelelő kontraszt legyen a szöveg és háttere között. 176 88

1. Alapelv: Észlelhetőség 1.4.7 ( AAA ) Halk vagy néma háttérhang: Annak az előre rögzített csak-hang tartalomnak az esetében, amely (1) nem CAPTCHA hang vagy hangzó logó, illetve (2) főként beszédet tartalmaz, és (3) nem dallamosítás, melynek elsődleges célja a zenével való kifejezés, mint például az ének és rappelés, legalább az egyik feltétel a következők közül teljesül: Nincs háttér: A hanganyag nem tartalmaz háttérzajt. Kikapcsolás: A háttérzaj kikapcsolható. 20 db: Az esetleges hanghatások kivételével, a háttérzaj legalább 20 decibellel alacsonyabb, mint az előtérben hallható beszéd. Kivételt képeznek az alkalomszerű, 1-2 másodpercig hallható hangok. 177 A teljesítési feltétel célja biztosítani azt, hogy bármilyen nem beszédhang elég halk legyen ahhoz, hogy egy nagyothalló felhasználó meg tudja különböztetni a beszédet a háttérhangoktól vagy az előtérben hallható beszédtartalom más zajától. 1. Alapelv: Észlelhetőség 1.4.8 ( AAA ) Vizuális megjelenítés: A szöveg blokkok vizuális megjelenítéséhez egy mechanizmus érhető el, amely lehetővé teszi az alábbiakat: Az előtér és a háttér színeit a felhasználó választhatja ki. A szélesség nem több, mint 80 karakter, vagy karakterjel (CJK esetében 40). A szöveg nem sorkizárt (a jobb és bal margóhoz igazított). A sortávolság (sorköz) legalább másfeles a bekezdések között, és a bekezdések közötti távolság legalább másfélszer nagyobb, mint a sorok közötti távolság. Kisegítő technológia nélkül lehetséges a szöveget 200 százalékkal nagyobbra méretezni anélkül, hogy a felhasználónak a teljes képernyős megjelenítésnél egy sornyi szöveg olvasáshoz horizontálisan görgetnie kellene. 178 89

Cél A teljesítési feltétel célja annak biztosítása, hogy a vizuálisan előállított szöveg olyan módon jelenjen meg, hogy érzékelhető legyen anélkül, hogy az elrendezése akadályozná az olvashatóságát. Egyes kognitív, nyelvi és tanulási fogyatékossággal küzdő emberek és néhány gyengénlátó felhasználó nem tudja érzékelni a szöveget és/vagy elveszítik olvasási helyzetüket, amennyiben a szöveg nehezen olvasható módon jelenik meg. Számukra szükséges, hogy ki tudják választani a szöveg és a háttér színét. 179 1. Alapelv: Észlelhetőség 1.4.9 ( AAA ) Képként reprezentált szöveg megjelenítése (kivétel nélkül): Képként reprezentált szöveg csak dekorációként szolgál, illetve ott használt, ahol a szöveg sajátos megjelenítése lényeges az információ átadásához. A teljesítési feltétel célja biztosítani az egyedi vizuális szövegmegjelenítést igénylő emberek számára a szöveg megjelenítésének szabályozását saját igényeik szerint. Ide tartoznak azok, akik a szöveg megjelenítését egyedi betűméretben, előtér és háttérszínben, betűcsaláddal, sortávolsággal vagy igazítással igénylik. 180 90

Példák az 1.4.9 teljesítési feltételre Idézet Egy weboldal idézetet tartalmaz. Az idézet, a bal oldali margótól behúzva, dőlt betűs szövegként jelenik meg. Annak a személynek a neve, akinek az idézetet tulajdonítják, az idézet alatt 1,5-ös sortávolságra áll, még jobban behúzva a bal oldali margótól. A szöveg beállításhoz CSS-t használnak; a sorok közötti térköz igazításához ugyanúgy, mint a szöveg betűcsaládjának, méretének, színének és díszítésének megjelenítéséhez. Navigációs eszközök Egy weboldal navigációs hivatkozások menüjét tartalmazza, amelyhez ikon és szöveg is tartozik, célja meghatározásához. A szöveg betűcsaládjának, méretének, előtér és háttérszíneinek megjelenítéséhez CSS-t használnak; ugyanúgy, mint a navigációs hivatkozások közötti térközhöz. 181 Példák az 1.4.9 teljesítési feltételre Szöveget tartalmazó logó Egy honlap a szervezet logóját tartalmazza minden oldal bal felső sarkában. A logó magába foglalja a logó típusát (a logó egy részének vagy teljes tartalmának szövege). A szöveg vizuális megjelenítése lényeges a logó beazonosításához, és gif-képként jelenik meg, amely nem engedi a szöveg jellemzőinek megváltoztatását. A képhez tartozik egy szöveges változat. Betűcsalád ábrázolása A weboldal információt tartalmaz egy bizonyos betűcsaládról. A betűcsalád helyettesítése egy másik betűtípussal meghiúsítja az ábrázolás célját. Az ábrázolás jpeg-képként jelenik meg, amely nem engedi a szöveg jellemzőinek megváltoztatását. A képhez tartozik egy szöveges változat. 182 91

2. Alapelv: Működtethető A felhasználói felület részei és a navigáció működőképes legyen 183 2. Alapelv: Működtethető 2.1 Irányelv: Billentyűzet vezérlés: Minden funkció legyen elérhető a billentyűzetről <div onclick="alert('az egérrel kattintott');" onkeypress="if (event.keycode == 104) { alert('megnyomta a h gombot'); }"> <a href="#">kattintson ide vagy nyomja meg a "h" betűt</a> </div> Az egérkattintást lekérdező JavaScript függvényeknél a billentyűzetkattintást is érzékelni kell. 184 92

2. Alapelv: Működtethető 2.1.1 ( A ) Billentyűzet: A tartalom összes funkcionalitása működtethető a billentyűzeten keresztül, anélkül, hogy specifikus időzítést igényelne az egyedi billentyűleütésekhez (kivéve, ahol az alapul szolgáló funkció olyan bevitelt igényel, amely a felhasználó mozgásának útvonalától és nem csak a végpontoktól függ). 185 Cél A teljesítési feltétel célja annak biztosítása, hogy a tartalom működtetése billentyűzet vagy billentyűzetfelület segítségével történjen, ahol lehetséges (tehát alternatív billentyűzet használható). A tartalom vezérlését bárki végezheti billentyűzet segítségével, de a vak felhasználók és azon személyek, akik nem képesek olyan eszközök használatára, melyek szemmel illetve kézzel történő koordinációt igényelnek, kénytelenek billentyűzetet, vagy billentyűzetemulátorként működő alternatív billentyűzetet használni. 186 93

Példák a 2.1.1 teljesítési feltételre Példa 1: Rajzolóprogram. A rajzolóprogram lehetővé teszi a felhasználók számára, hogy tárgyakat hozzanak létre, szabjanak méretre, mozgassanak és forgassanak a billentyűzetről. Példa 2: A "húzd és ejtsd" (drag and drop) tulajdonság. Az az alkalmazás, amely "húzd és ejtsd" funkciót használ, a kivágás és beillesztés funkciókat vagy a tárgyak mozgatására alkalmas űrlapkezeléseket is támogatja. 187 Példák a 2.1.1 teljesítési feltételre Példa 3: A diszkrét pontok közötti mozgás és azok összekötése. A pontok összekötésére szolgáló program lehetővé teszi a felhasználó számára, hogy a képernyőn található pontok között mozogjon és a szóköz billentyűt használja a jelenlegi pont előzővel való összekötésére. Példa 4: Kivétel - Festőprogram. A festőprogram kivételnek számít, mivel az ecsetvonások a mozgások sebességétől és időtartamától függően eltérnek egymástól. 188 94

Példák a 2.1.1 teljesítési feltételre Példa 5: Kivétel - Modellhelikopter repülés tréning szimulátor. A modellhelikopter repülés tréning szimulátor kivételnek számít, mivel a szimulátor lényege a modellhelikopter valós idejű viselkedésének megtanítása. Példa 6: PDA választható billentyűzettel Az írótűn keresztül működtetett PDA rendelkezik egy választható billentyűzettel, amely hozzáilleszthető. A billentyűzet lehetővé teszi a teljes webes böngészést a szokásos módon. A webtartalom azért működőképes, mert csak billentyűzethozzáféréssel történő működésre tervezték. 189 2. Alapelv: Működtethető 2.1.2 ( A ) Billentyűzet csapda: Ha a billentyűzet-fókusz az oldal valamely eleméhez vihető a billentyűzet használatával, akkor a fókuszt arról az elemről billentyűzet használatával el lehessen mozdítani, és ha ehhez a módosítás nélküli nyíl- vagy tabulátor-billentyűzetek vagy egyéb kilépési módok használatán kívül más is szükséges, a felhasználó erről értesül. 190 95

Példák a 2.1.2 teljesítési feltételre Naptári grafikai elem (widget) A naptári grafikai elem a billentyűzet használatával lehetővé teszi a felhasználók számára elemek hozzáadását, eltávolítását és frissítését a naptárban. Az eszközben található vezérlések a weboldal tabulátorparancsának részét képezik, amelyek lehetővé teszik, hogy a felhasználó a tabulátor segítségével menjen végig a vezérléseken és jusson el bármilyen hivatkozáshoz vagy ezt követő vezérlésekhez. Rejtvény applet Amint a felhasználó egy appletre ugrik a tabulátor használatával, az applet további tabulátorok és billentyűleütések kezelését is elvégzi. Az appletből történő kilépéshez szükséges billentyűleütés-instrukciók az appleten kívül és belül is megjelenítésre kerülnek. Modális párbeszéddoboz 191 Egy webalkalmazás párbeszéddobozt jelenít meg. A párbeszéd alján két billentyű található: a "törlés" és az "ok". A párbeszéd megnyitása után a fókusz csapdába kerül a párbeszéden belül; a párbeszéden belüli utolsó vezérlésről induló tabulátormozgatás a párbeszéd első vezérlésére irányítja a fókuszt. A párbeszéd bezárása a "törlés" vagy az "ok" gomb aktiválásával történik. 2. Alapelv: Működtethető 2.1.3 ( AAA ) Billentyűzet (kivétel nélkül): A tartalom összes funkcionalitása működtethető billentyűzeten keresztül, anélkül, hogy specifikus időzítést igényelne az egyedi billentyűleütésekhez. Ez megegyezik a 2.1.1-es teljesítési feltétellel, azonban itt a kivételek alkalmazása nem engedélyezett. 192 96

2. Alapelv: Működtethető 2.2 Irányelv: Elegendő idő: Biztosítson elegendő időt a falhasználóknak a tartalom elolvasására és használatára Jelen irányelv annak biztosítására helyezi a hangsúlyt, hogy a felhasználók saját, egyéni válaszidejüknek megfelelően legyenek képesek a tartalom által megkívánt feladatok elvégzésére. Az irányelv az időkorlátok megszüntetésére vagy elegendő idő biztosítására kíván megoldást nyújtani a felhasználók számára az egyes feladatok elvégzésére. Azokban az esetekben, ahol ez nem lehetséges, kivételek vannak felsorolva. 193 2. Alapelv: Működtethető 2.2.1( A ) Állítható időzítés: Minden, a tartalom által meghatározott időkorlát esetében legalább az egyik teljesül az alábbiak közül: Kikapcsol: A felhasználó ki tudja kapcsolni az időzítőt, mielőtt még működésbe lépne; vagy Beállít: A felhasználó az alapbeállításnál legalább tízszer hosszabb intervallumra tudja beállítani az időkorlátot, mielőtt az működésbe lépne; vagy Kiterjeszt: A felhasználó figyelmeztetést kap, mielőtt az idő letelik, és legalább 20 másodperc áll rendelkezésére az időkorlát meghosszabbítására egy egyszerű művelet segítségével (például: nyomja meg a space billentyűt ), és ezt a felhasználó legalább tíz alkalommal megismételheti; vagy Valós idejű kivétel: Az időkorlát szükséges része a valós idejű eseménynek (például egy aukció), és nincs az időkorlátnak lehetséges alternatívája; vagy Szükséges kivétel: Az időkorlát szükséges és a kiterjesztése érvénytelenítené a tevékenységet; vagy 20 órás kivétel: Az időkorlát hosszabb, mint 20 óra. 194 97

Cél A teljesítési feltétel célja elegendő idő biztosítása a fogyatékkal élő felhasználók számára a webtartalomhoz való hozzáférésre (interakcióra), amikor lehetséges. A fogyatékkal élőknek, mint például a vakok, a gyengénlátók, a kezek rendellenességével vagy kognitív problémákkal küzdők, több időre van szükségük a tartalom elolvasására vagy az olyan feladatok ellátására, mint például az online űrlapok kitöltése. 195 2. Alapelv: Működtethető 2.2.2 Szünet, megállít, elrejt: A mozgó, villogó, gördülő, vagy automatikusan frissülő információra az alábbi kitételek mindegyike igaz: Mozgás, villogás, gördülés: minden mozgó, villogó, gördülő információ esetében, amely (1) automatikusan indul, (2) hosszabb ideig tart, mint három másodperc, (3) más tartalommal párhuzamosan jelenik meg, létezik egy mechanizmus, amivel a felhasználók szüneteltethetik, megállíthatják, vagy elrejthetik azt, hacsak a mozgás, villogás, gördülés nem egy olyan tevékenység része, ahol ezek lényegesnek minősülnek; és Automatikus frissítés: bármilyen automatikusan frissülő információ esetében, amely (1) automatikusan indul, más tartalommal párhuzamosan jelenik meg, létezik egy mechanizmus, amivel a felhasználók szüneteltethetik, megállíthatják, elrejthetik, vagy szabályozhatják a frissítés gyakoriságát, hacsak az automatikus frissítés nem olyan tevékenység része, ahol ezek lényegesnek minősülnek. 196 98

Cél A teljesítési feltétel célja, hogy a webtartalom használata során ne tereljük el a felhasználó figyelmét. A "mozgás, villogás" és gördülés" olyan tartalomra utal, amelyben a látható tartalom mozgásérzékelést közvetít. Gyakori példák erre a mozgó képek, a szinkronizált média megjelenítései, animációk, valós idejű játékok és a gördülő részvényfigyelők. Az "automatikus frissítés" olyan tartalomra utal, amely előre beállított időközönként frissül vagy eltűnik. 197 2. Alapelv: Működtethető 2.2.3 Nincs időzítés: Az időzítés nem lényeges része a tartalom által megjelenített eseménynek vagy tevékenységnek, kivétel a nem interaktív szinkronizált média és a valós idejű események. (AAA szint) 198 99

Cél A teljesítési feltétel célja az időzített használatot (interakciót) igénylő tartalom előfordulásának minimalizálása. Ez teszi lehetővé a vakok, gyengénlátók, valamint a kognitív és motorikus problémákkal küzdő emberek számára, hogy interakcióba lépjenek a tartalommal. 199 2. Alapelv: Működtethető 2.2.4 Megszakítások:A megszakításokat a felhasználók el tudják halasztani vagy meg tudják szüntetni, kivéve a vészhelyzet esetén jelentkező megszakításokat. (AAA szint) 200 100

Cél A teljesítési feltétel célja, hogy lehetővé tegye a felhasználók számára a szerkesztőtől/szerverről származó frissítések kikapcsolását, kivéve vészhelyzetben. Vészhelyzetnek a következők tekinthetők: polgári vészhelyzetek figyelmeztető üzenetei vagy bármilyen egyéb üzenetek, amelyek az egészségre, a biztonságra vagy a tulajdonra vonatkozó veszélyre figyelmeztetnek. Ilyen például az adat- vagy a kapcsolatvesztés, stb. 201 2. Alapelv: Működtethető 2.2.5 Újraazonosítás: Amikor egy azonosítási szakasz lejár, a felhasználó az újraazonosítás után adatvesztés nélkül tudja folytatni a tevékenységet. (AAA szint) 202 101

Cél A teljesítési feltétel célja, hogy lehetővé tegye a felhasználók számára az inaktivitási időkorlátokkal rendelkező azonosított tranzakciók végrehajtását. Olyan körülmények között is biztosítja a tevékenység végrehajtását, amely a felhasználó kiléptetését okozná a rendszerből, mielőtt a tranzakciót befejezné. Biztonsági okokból kifolyólag számos webhely beiktat egy azonosítási időkorlátot, hosszabb inaktivitást követően. Ezek az időkorlátok problémát okozhatnak a fogyatékos felhasználók esetében, akiknek hosszabb időbe telik a tevékenység befejezése. 203 2. Alapelv: Működtethető 2.3 Irányelv: Epilepsziás rohamok okozásának elkerülése: Ne tervezzen olyan tartalmat, amiről ismert, hogy rohamokat okozhat Az epilepsziás emberek számára a villogó vizuális tartalom rohamot idézhet elő. A legtöbb ember nincs tisztában azzal, hogy ilyen hajlammal rendelkezik, amíg ez nem jelentkezik nála. 1997- ben egy televízióban bemutatott rajzfilm miatt több mint 700 gyermek került kórházba, akik közül mintegy 500-nak volt rohama. 204 102

2. Alapelv: Működtethető 2.3.1 ( A ) Három villanás, vagy küszöbérték alatt: A weboldalak nem jelenítenek meg olyan tartalmat, ami három alkalomnál többször villan fel egy másodperc alatt, vagy a villanás alatta marad az általános villanás és vörös villanás küszöbnek. 2.3.2 ( AAA ) Három villanás: A weboldalak nem jelenítenek meg olyan tartalmat, ami három alkalomnál többször villan fel egy másodperc alatt. 205 2. Alapelv: Működtethető 2.4 Irányelv: Navigálhatóság: Biztosítson a fogyatékkal élő felhasználók számára segítséget a navigálásra, a tartalom megtalálására és a pozíciójuk meghatározására Az irányelv célja segíteni a felhasználókat abban, hogy megtalálják a számukra szükséges tartalmat, valamint hogy lehetővé tegye számukra helyzetük nyomonkövetését. 206 103

2. Alapelv: Működtethető 2.4.1 Blokkok elkerülése: Hozzáférhető egy mechanizmus, melynek segítségével elkerülhetők azok a tartalmi blokkok, amelyek több oldalon is ismétlődnek. (A szint) 207 2. Alapelv: Működtethető 208 104

2. Alapelv: Működtethető 209 Példák a 2.4.1 teljesítési feltételre Egy hírügynökség honlapja az oldal közepén tünteti fel a legfontosabb tudósítást, melyet számos hirdetési blokk és oldalsáv, keresési lehetőség és egyéb szolgáltatás vesz körül. Az oldal tetején található egy hivatkozás, amely a legfontosabb tudósításra ugrik. A hivatkozás nélkül a billentyűzethasználónak körülbelül 40 hivatkozáson kell átlépnie ahhoz, hogy elérje a legfontosabb tudósítást; a képernyőolvasót használónak 200 szót kell meghallgatnia; és a képernyőnagyítót használónak a fő rész helyzetét kell megkeresnie. 210 105

2. Alapelv: Működtethető 2.4.2 Oldalcím: A weboldalak címekkel rendelkeznek, melyek leírják az oldal témáját vagy célját. (A szint) <title>apeh: Adóbevallási tudnivalók a 2007-es évre</title> A teljesítési feltétel célja segítséget nyújtani a felhasználók részére a tartalom megtalálásában és az azon belüli tájékozódásban azzal, hogy minden weboldalhoz az azt leíró cím tartozik 211 Példák a 2.4.2 teljesítési feltételre Egy HTML weboldal Egy HTML weboldal leíró címét <cím> elem jelöléssel látják el, annak érdekében, hogy a felhasználói program címsorában jelenjen meg. Egy dokumentum. A Web Akadálymentesítési Útmutató 2.0 címe "Web Akadálymentesítési Útmutató 2.0" A bevezetés címe "Bevezetés a Web Akadálymentesítési Útmutató 2.0-hoz" A fő törzs címe "WCAG 2.0 Irányelvek" Az A Melléklet címe "Szójegyzék a Web Akadálymentesítési Útmutató 2.0-hoz" A B Melléklet címe "Ellenőrizendők jegyzéke a Web Akadálymentesítési Útmutató 2.0-hoz" A C Melléklet címe "Köszönetnyilvánítás a Web Akadálymentesítési Útmutató 2.0- hoz" A D Melléklet címe "Hivatkozások a Web Akadálymentesítési Útmutató 2.0-hoz" 212 106

2. Alapelv: Működtethető 2.4.3 Fókuszok rendezése: Ha egy weboldal szekvenciálisan navigálható, és a navigációs sorrend befolyásolja a jelentést vagy a kezelést, a fókuszálható alkotóelemek olyan sorrendben kerülnek fókuszba, hogy az megőrzi a jelentést és a kezelhetőséget. (A szint) 213 Jelen teljesítési feltétel célja biztosítani azt, hogy amikor a felhasználók szekvenciálisan navigálnak a tartalmon belül, akkor a tartalom jelentésével konzisztens módon találják meg az információt, mely a billentyűzetről működtethető. Ez növeli az átláthatóságot azáltal, hogy megengedi a felhasználók számára a tartalom következetes, "belső" modelljének kialakítását. Lehetnek különböző elrendezések, melyek logikai kapcsolatokat fejeznek ki a tartalomban. Például, az összetevők soronkénti vagy oszloponkénti áthelyezése egy táblában kifejezi a logikai kapcsolatokat a tartalomban. Bármelyik rendezés megfelelhet jelen teljesítési feltételnek. Példák a 2.4.3 teljesítési feltételre A módszert, amely a szekvenciális navigálás sorrendjét eldönti a webtartalomban a tartalom technológiája definiálja. Például, egy egyszerű HTML a léptetési sorrend fogalmán keresztül határozza meg a szekvenciális navigációt. A dinamikus HTML módosíthatja a navigációs sorrendet szkriptelés használatával, valamint a tabulátorindex jellemzőinek hozzáadásával együtt, annak érdekében, hogy további elemek is fókuszba kerüljenek. Amennyiben nem használnak szkriptelést, vagy a tabulátorindex jellemzőit, a navigációs sorrend az az elrendezés, amely szerint az alkotóelemek megjelennek a tartalom áramlásában. 214 107

2. Alapelv: Működtethető 2.4.4 Hivatkozás célja (kontextusban): Minden egyes hivatkozás célja egyedül a hivatkozás szövegéből meghatározható, vagy a hivatkozás szövegéből és az algoritmikusan meghatározható kontextusából. Kivételt jelent, ahol a hivatkozás célja ezáltal kétértelmű lenne a mindennapi felhasználók számára. (A szint) <a href="kl-eloadas.html">kovács László: Webes Szabványok</a> 215 Cél A teljesítési feltétel célja segítséget nyújtani a felhasználóknak abban, hogy megértsék minden egyes hivatkozás célját annak érdekében, hogy eldönthessék, akarják-e követni a hivatkozást. Amikor csak lehetséges, anélkül, hogy további kontextusra lenne szükség, biztosítani kell a hivatkozás szövegét, mely segíti a hivatkozás céljának beazonosítását. A kisegítő technológia rendelkezik azzal a képességgel, hogy a weboldalon található hivatkozások listáját a felhasználók számára biztosítsa. A lehető legérthetőbb módon megfogalmazott hivatkozás szövege segítséget fog nyújtani azoknak a felhasználóknak, akik ebből a hivatkozási listából akarnak választani. Az értelmes hivatkozási szöveg azokat is segíti, akik a tabulátor billentyűvel lépnek hivatkozásról hivatkozásra. Az értelmes hivatkozások, az oldal teljes megértése nélkül, segítenek a felhasználónak kiválasztani, hogy melyik hivatkozást kövesse. 216 108

2. Alapelv: Működtethető <p>kovács László: Webes Szabványok <a href="kl-eloadas.pdf"> <img src="pdficon.gif" alt="webes Szabványok: PDF formátum"/> </a> <a href="kl-eloadas.html"> <img src="htmlicon.gif" alt="webes Szabványok: HTML formátum "/> </a> <a href="kl-eloadas.doc"> <img src="docicon.gif" alt="webes Szabványok: DOC formátum "/> </a> </p> 217 Példák a 2.4.4 teljesítési feltételre Egy hivatkozás szöveget tartalmaz, amely leírást ad az URI-hez tartozó információról Egy oldal a következő mondatot tartalmazza A középkori történelem során nagyon sok vérontás történt. Ahol a középkori történelem hivatkozásnak számít. A hivatkozást megelőzi egy szöveg leírás az URI-hez tartozó információról Egy oldal a Tudjon meg többet Írország Kormányának Elektronikus Szavazási Bizottságáról Szavazzon! mondatot tartalmazza. Ahol a Szavazzon! hivatkozásnak számít. 218 109

Példák a 2.4.4 teljesítési feltételre Ugyanaz a hivatkozás egy ikont és szöveget is tartalmaz Egy szavazógép ikonja és az Írország Kormányának Elektronikus Szavazási Bizottsága szöveg együtt hoz létre egy hivatkozást. Az ikonhoz tartozó ALT szöveg üres, mivel a hivatkozás célját, az ikon mellett lévő hivatkozás szövege már leírta. Könyvcímek listája A könyvcímek listáját háromféle formátumban lehet elérni: HTML, PDF, és mp3 (felvétel a könyvet olvasó személyről). Az összes könyvcím háromszori meghallgatásának elkerüléséhez (egyszer minden formátumhoz), minden könyvnél az első hivatkozás számít a könyv címének, a második hivatkozás közli, hogy PDF, és a harmadik közli, hogy mp3. 219 2. Alapelv: Működtethető 2.4.5 Többszörös elérési útvonalak: Több lehetőség is van, hogy megtaláljunk egy adott weboldalt a weboldalak halmazán belül (kivéve ahol a weboldal egy folyamat eredményeként jelenik meg vagy annak egy része). (AA szint) A teljesítési feltétel célja lehetővé tenni, hogy a felhasználók az igényeiknek leginkább megfelelő módszerrel találják meg a tartalmat. A felhasználók az egyik technika használatát könnyebbnek, vagy érthetőbbnek találhatják, mint egy másikét. 220 110

2. Alapelv: Működtethető 221 2. Alapelv: Működtethető 222 111

2. Alapelv: Működtethető 223 2. Alapelv: Működtethető 224 112

Példák a 2.4.5 teljesítési feltételre Keresőmechanizmus. Egy élelmiszergyártó nagyvállalat a termékeikből elkészített recepteket tartalmazó webhelyet biztosít. A webhely egy keresőmechanizmust szolgáltat az egy bizonyos összetevőt tartalmazó receptek kereséséhez. Továbbá, egy listapanelt biztosít, amely az ételek különböző kategóriáit sorolja fel. A felhasználó begépelheti a keresőmotorba, hogy leves, vagy kiválaszthatja a levest a listapanelből ahhoz, hogy a vállalat levestermékeiből készült receptek felsorolását tartalmazó oldalra lépjen 225 Példák a 2.4.5 teljesítési feltételre Weboldalak közötti hivatkozások. Egy helyi fodrászszalon a szolgáltatásai reklámozásához létrehozott egy webhelyet. A webhely csak öt oldalból áll. Minden weboldalon található egy hivatkozás az egymást követő, előre vagy hátra történő mozgáshoz a weboldalon keresztül. Továbbá, minden weboldal tartalmazza a hivatkozások felsorolását bármelyik másik weboldal eléréséhez. 226 113

Példák a 2.4.5 teljesítési feltételre Ahol a tartalom egy folyamat, vagy feladat eredménye Pénzátutalások visszaigazolása. Egy online bank webhelye engedélyezi a számlák közötti pénzátutalást a weben. Nincs más módszer a pénzátutalás visszaigazolásának elhelyezésére, amíg a számlatulajdonos el nem végzi az átutalást. Ahol a tartalom egy folyamat vagy feladat eredménye Keresőmotoros eredmény. Egy keresőmotor a felhasználó bevitele alapján adja meg a keresés eredményét. A keresési folyamat elvégzésén kívül nincs más módszer a keresés eredményének elhelyezésére. 227 2. Alapelv: Működtethető 2.4.6 Fejlécek és címkék: A fejlécek és címkék az oldal témáját vagy célját írják le. (AA szint) Nagyítás (CTRL+SHIFT+N) Kicsinyítés (CTRL+SHIFT+K) 228 114

Cél A teljesítési feltétel célja segítséget nyújtani a felhasználóknak abban, hogy milyen információkat tartalmaznak a weboldalak, illetve abban, hogy az információk milyen módon kerültek összerendezésre. Ahol a fejlécek egyértelműek és leíró jellegűek, a felhasználók sokkal könnyebben találják meg a keresett információt és sokkal könnyebben megértik az összefüggéseket a tartalom különböző részei között. A leíró címkék segítenek a felhasználóknak beazonosítani a tartalmon belüli speciális elemeket. 229 Példák a 2.4.6 teljesítési feltételre Híroldal. Egy híroldal kezdőlapja felsorolja az adott óra legfontosabb hírekeinek főcímeit. Minden egyes főcím alatt látható a hír első 35 szava, és egy hivatkozás a teljes cikkhez. Mindegyik főcím világos leírást ad a cikk témájáról. Útmutató arról, hogy hogyan lehet jól írni Egy írásra vonatkozó útmutató a következő szakaszcímeket tartalmazza: Hogyan írjunk jól, Használhatatlan szavak kihagyása, Szükségtelen szavak beazonosítása, stb. A szakasz fejlécek világosak és tömörek, és az információ szerkezete tükröződik a fejlécek szerkezetében. 230 115

Példák a 2.4.6 teljesítési feltételre Példa 3: következetes fejlécek a különböző cikkekben Egy weboldal egy konferencia tanulmányait tartalmazza. A konferenciára az elküldéseket a következő szerkesztés alapján kérik: Összefoglaló, Bevezetés, [a cikkhez kapcsolódó kivételes fejezetek], Következtetés, A szerző életrajza, Szójegyzék és Irodalomjegyzék. Minden egyes weboldal címe világosan azonosítja, amit a cikk tartalmaz, hasznos egyensúlyt teremtve a cikk egyedisége és a szakasz-fejlécek összetétele között. 231 2. Alapelv: Működtethető 2.4.7 Látható fókusz: Bármelyik billentyűzettel működtetett felhasználói felülethez tartozik egy kezelési mód, ahol a billentyűzet fókusz-jelző látható. (AA szint) <ul id="mainnav"> <li class="page_item">home</li> <li class="page_item"><a href="/services">services</a></li> <li class="page_item"><a href="/projects">projects</a></li> <li class="page_item"><a href="/demos">demos</a></li> <li class="page_item"><a href="/about-us">about us</a></li> <li class="page_item"><a href="/contact-us">contact us</a></li> <li class="page_item"><a href="/links">links</a></li> </ul> 232 #mainnav a:hover, #mainnav a:active, #mainnav a:focus { background-color: #DCFFFF; color:#000066; } 116

Cél 233 A teljesítési feltétel célja legalább egy olyan kezelési módszer biztosítása, ahol a billentyűzet fókusz-jelző vizuálisan elhelyezhető. Jelen teljesítési feltétel segítséget nyújt bárkinek, aki billentyűzetet használ az oldal működtetésére, az által, hogy lehetővé teszi számukra annak az elemnek a vizuális meghatározását, amellyel a billentyűzetművelet interakcióba lép. A figyelem megtartási vagy rövidtávú memóriával kapcsolatos problémával, és a korlátozott végrehajtási funkciókkal rendelkező embereknek előnyük származik abból, hogy képesek könnyen megtalálni a fókusz helyzetét. Példák a 2.4.7 teljesítési feltételre Amikor a szövegmezők fókuszba kerülnek, megjelenik egy függőleges sáv a mezőben, jelezve, hogy a felhasználó szöveget szúrhat be, VAGY a teljes szöveg kiemelésre kerül, ami azt jelzi, hogy a felhasználó rágépelhet a szövegre. Amikor a felhasználói felületvezérlő fókuszba kerül, egy látható keret jelenik meg körülötte. 234 117

2. Alapelv: Működtethető 2.4.8 Pozíció: Információ elérése arra vonatkozóan, hogy a weboldalak halmazán belül a felhasználó melyik oldalon tartózkodik. (AAA szint) 235 Cél A teljesítési feltétel célja módszert biztosítani arra, hogy a felhasználó a weboldalak halmazán, egy webhelyen, vagy egy webalkalmazáson belül tájékozódni tudjon, és megtalálja a kapcsolódó információt. 236 118

Példák a 2.4.8 teljesítési feltételre Hivatkozások, melyek segítik a felhasználókat a helyzetük meghatározásában egy oldalon Egy kutatócsoport az egyetem oktatási tanszékének része. A csoport kezdőlapja kapcsolódik a tanszék és az egyetem kezdőlapjához. Egy nyomvonal-morzsa Egy portál a témákat kategóriákba rendezi. Amint a felhasználó a kategóriák és az alkategóriák között navigál egy nyomvonal-morzsa mutatja az aktuális helyzetét a kategóriák hierarchiájában. Minden oldal tartalmaz egy hivatkozást is a portál kezdőlapjára. 237 2. Alapelv: Működtethető 2.4.9 Hivatkozás célja (csak hivatkozásnak): Hozzáférhető egy mechanizmus annak érdekében, hogy minden hivatkozás célja azonosítható legyen a hivatkozás szövegéből, kivéve ahol a hivatkozás célja kétértelmű lenne a mindennapi felhasználók számára. (AAA szint) <a href="kl-eloadas.html">kovács László: Webes Szabványok</a> 238 119

Példák a 2.4.9 teljesítési feltételre Ugyanaz a hivatkozás egy ikont és szöveget is tartalmaz Egy szavazógép ikonja és az Írország Kormányának Elektronikus Szavazási Bizottsága szöveg együtt hoz létre egy hivatkozást. Könyvcímek listája A könyvcímek listáját háromféle formátumban lehet elérni: HTML, PDF, és mp3 (felvétel a könyvet olvasó személyről). A könyv címét a különböző formátumokhoz kapcsolódó hivatkozások követik. Az egyes hivatkozásokhoz kapcsolódó megjelenített szöveg a formátumtípus, de a linkekhez kapcsolódó szöveg a címet és a formátumot is tartalmazza. Például, "Gulliver utazásai, MP3." 239 Cél A teljesítési feltétel célja segítséget nyújtani a felhasználóknak abban, hogy megértsék minden egyes hivatkozás célját, annak érdekében, hogy eldönthessék akarják-e követni a hivatkozást. 240 120

2. Alapelv: Működtethető 241 2.4.10 Meghatározott részhez tartozó fejlécek:meghatározott részhez tartozó fejlécek a tartalom összerendezésére szolgálnak. (AAA szint) <h1>sütési technikák</h1>... valami szöveg... <h2>sütés olajban </h2>... a bekezdés tartalma... <h3>sütés kevés olajban</h3>... a bekezdés tartalma... <h3>sütés bő olajban</h3>... a bekezdés tartalma... <h2>sütés vajban</h2>... a bekezdés tartalma... Példák a 2.4.10 teljesítési feltételre Egy menü különböző részeket tartalmaz a különböző fogásokra vonatkozóan. Minden részhez tartozik egy fejléc: Étvágygerjesztők, Saláták, Levesek, Előételek, Édességek. Egy webes alkalmazás beállítási oldalt tartalmaz, amely a kapcsolódó beállítások csoportjaira oszlik. Minden rész tartalmaz egy fejlécet, amely a beállítások osztályát írja le. 242 121

Cél A teljesítési feltétel célja fejléceket biztosítani a weboldal szakaszaihoz, amikor az oldalt szakaszokba rendezik. Például hosszú dokumentumokat gyakran osztanak fel fejezetekre, a fejezeteknek vannak altémáik, és az altémák különféle szakaszokra, míg a szakaszok bekezdésekre bontódnak fel, stb. Amikor ilyen szakaszok jönnek létre, szükség van fejlécekre, melyek bemutatják őket. Ez világosan jelzi a tartalom felépítését, megkönnyíti a tartalmon belüli navigálást és a tartalom megértését segítő szellemi kapaszkodókat biztosít. Az egyéb oldalelemek kiegészíthetik a fejléceket a megjelenítés tökéletesítéséhez (pl. vízszintes vonalak és dobozok), de a vizuális megjelenítés nem elégséges a dokumentum szakaszainak azonosításához. 243 3. Alapelv: Érthetőség Az információnak és a felhasználói felület kezelési módjának érthetőnek kell lennie 244 122

3. Alapelv: Érthetőség 3.1 Irányelv: Olvashatóság: Tegye a szöveges tartalmat olvashatóvá és érthetővé 245 Cél Az irányelv célja, hogy a segítő technológiák révén olvashatóvá tegye a szöveges tartalmat és biztosítsa az érthetőséghez szükséges információkat. A fogyatékos emberek különböző módokon érzékelhetik a szövegeket. Némelyeknek a szöveg láthatóan, másoknak hallhatóan vagy tapinthatóan, míg megint másoknak látható és hallható formában jelenik meg. Bizonyos felhasználók csak rendkívüli nehézségek árán képesek felismerni az írott szöveget, ugyanakkor viszont nagyon jól megértik a hangosan, vizuálisan illusztrált, vagy jelnyelven megjelenített módfelett komplex és fejlett dokumentumokat. 246 123

3. Alapelv: Érthetőség 3.1.1 Az oldal nyelve: Az oldal nyelve minden weboldal esetében algoritmikusan meghatározható legyen. (A szint) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="hu"> <head> <title>dokumentum címe</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" /> </head> <body> A dokumentum tartalma </body> </html> 247 Cél A teljesítési feltétel célja, hogy a tartalomfejlesztők a weboldalaikon biztosítsák a felhasználói programok által történő pontos szöveg és nyelvi megjelenítéshez szükséges információkat. Mind a segítő technológiák, mind pedig a hagyományos felhasználói programok sokkal pontosabb szöveg megjelenítésre képesek, ha az oldal nyelvét képesek meghatározni. A képernyőolvasók a pontos kiejtési szabályok betöltésére is képesek, a vizuális böngészők pedig helyesen jelenítik meg a karaktereket és szkripteket, míg a médialejátszók a képaláírásokat mutatják meg. Mindezek eredményeképpen a fogyatékos felhasználók jobban megérthetik a tartalmakat. 248 124

Példák a 3.1.1 teljesítési feltételre Példa 1: Két nyelven megírt webtartalom Egy Németországban angolul és németül, de főként németül, megírt HTML formátumú weboldal. Ebben az esetben, a html elem nyelvi attribútumának megfelelően az oldal alapértelmezett nyelve a német. 249 3. Alapelv: Érthetőség 3.1.2 Szövegrészek nyelve: A tartalom mindegyik szakaszához vagy mondatához tartozó emberi nyelv algoritmikusan meghatározható legyen, kivételt jelentenek a tulajdonnevek, a technikai szakkifejezések, a meghatározatlan nyelvek szavai, és azok a szavak és mondatok a szöveg közvetlen környezetében, amelyek már a köznyelv részévé váltak. (AA szint) 250 125

Cél Jelen teljesítési feltétel célja az, hogy a felhasználói programok megfelelő módon tudják megjeleníteni a több nyelven megírt tartalmakat, valamint az, hogy a kisegítő technológiák támogassák a szövegek értelmezésében a megfelelő nyelvspecifikus tudást és forrásokat alkalmazó felhasználókat. Ennek érdekében használhatók grafikus böngészők, csakúgy mint képernyőolvasók, braille kijelzők, és más hangalapú böngészők 251 3. Alapelv: Érthetőség <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="hu"> <head> <title>dokumentum címe</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" /> </head> <body> <p>a dokumentum tartalma.<p> <p>...<p> <p>így idézték szavát a német újságok:<p> <blockquote xml:lang="de"> <p> Da dachte der Herr daran, ihn aus dem Futter zu schaffen, aber der Esel merkte, daß kein guter Wind wehte, lief fort und machte sich auf den Weg nach Bremen: dort, meinte er, könnte er ja Stadtmusikant werden. </p> </blockquote> </body> </html> 252 126

Példák a 3.1.2 teljesítési feltételre Német kifejezés egy angol mondatban. "He maintained that the DDR (German Democratic Republic) was just a 'Treppenwitz der Weltgeschichte',". A példaként szereplő angol nyelvű mondatban, a 'Treppenwitz der Weltgeschichte' német nyelvű kifejezésként került megjelölésre. A jelölő nyelvtől függően az angol a teljes dokumentum nyelve is lehet - azoknak az eseteknek a kivételével, amelyeknél más került megjelölésre - vagy bekezdésenként is kijelölésre kerülhet. Amikor a képernyőolvasó elérkezik a német kifejezéshez, akkor automatikusan átvált a német kiejtési szabályokra, a szó helyes kiejtésének érdekében. 253 Példák a 3.1.2 teljesítési feltételre Alternatív nyelvi hivatkozások Egy HTML weboldal az oldal idegennyelvű változataira (pl. német, francia, holland, kasztíliai stb.) mutató hivatkozásokat tartalmazhat. A hivatkozások szövege az adott nyelv eredeti nevét jelölik. A hivatkozások nyelvét mindig egy nyelvi attribútum adja meg. "Podcast" használata egy francia mondatban. Mivel a "podcast" meghonosodott a következő példamondat nyelvében, ezért a nyelvváltozás megjelölése nem szükséges: "À l'occasion de l'exposition "Energie éternelle. 1500 arts d'art indien", le Palais des Beaux-Arts de Bruxelles a lancé son premier podcast. Vous pouvez télécharger ce podcast au format M4A et MP3,". 254 127

3. Alapelv: Érthetőség 3.1.3 Szokatlan szavak: Hozzáférhető egy mechanizmus a szokatlan vagy szűk értelemben használt szavak és mondatok konkrét definíciójának azonosítására. Ezek közé tartoznak a kifejezések és a zsargon is. (AAA szint) A reklámvakság (bannerblindness) nem egy szembetegség, hanem azt jelenti, hogy a felhasználó egy idő után már magától átugorja a reklámokat, rá se néz netezés közben. 255 Cél Bizonyos fogyatékosságok nehézkessé teszik a nem szószerinti vagy speciális, szűk értelemben használt szavak, illetve a képes beszéd és a különleges szerkezetek megértését. Emiatt létfontosságú a felhasználók megfelelő mechanizmusokkal történő ellátása. Az átlagos felhasználók részére speciális információkat szerkesztő fejlesztőknek erősen ajánlott a teljesítési feltétel figyelembevétele, még akkor is, ha "A" vagy "AA" megfelelőségi szintű tartalmakat fejlesztenek. 256 128

Példák a 3.1.3 teljesítési feltételre Egy szokatlan módon használt szó definícióját tartalmazó szöveg. Szótárak vagy más források olyan módszerrel történő listázása, illetve elrendezése, hogy a keresés mindig az adott definíciót jelenítse meg, a más forrásokból származó definíciók halmaza helyett. (A szótárak vagy más vonatkozó források valószínűleg a megfelelő definíciót fogják megtalálni. Ez szabályozza a definíciók keresési módszerét.) 257 Példák a 3.1.3 teljesítési feltételre Definíciók felsorolása a szószedetben. A WCAG 2.0 speciális módon használja a "szöveg" szót. Ezért a WCAG 2.0-án belül megjelenő "szöveg" szó hivatkozása a weblapon lévő szószedetben szereplő "szöveg" című definícióra mutat. Egy szó speciális definíciója a lap alján szerepel. A lapon szereplő szó belső hivatkozása a megfelelő definícióra mutat. 258 129

3. Alapelv: Érthetőség 3.1.4 Rövidítések: Hozzáférhető egy mechanizmus a rövidítések teljes feloldásához és értelmének azonosításához. (AAA szint) <p>sugar is commonly sold in 5 <abbr title="pound">lb.</abbr> bags.</p> <p>welcome to the <abbr title="world Wide Web">WWW</abbr>!</p> 259 Cél Jelen teljesítési feltétel célja, hogy a felhasználók hozzáférjenek a rövidítések teljes alakjához. Ez a teljesítési feltétel az ép felhasználókon kívül segítséget nyújt azoknak: akiknek problémát jelent a szavak dekódolása; akik nagyított képernyőt használnak (a nagyítás áttekinthetetlenné teheti a szöveges összefüggéseket); korlátozott a memóriájuk; nem képesek a tartalmat megfelelően a megértés érdekében használni. 260 130

Példák a 3.1.4 teljesítési feltételre: A tartalomban első alkalommal megjelenő rövidítés, amelynek a jelentése is ugyanott kerül megjelenítésre. A "World Wide Web Consortium," neve a szervezet honlapjának első fejlécében jelenik meg, ahol az idézőjelbe tett "W3C" rövidítés is feltüntetésre kerül. Egy szótári kereső formula. Egy weboldalon on-line akronim keresőszolgáltatás található. A felhasználó beírja az űrlapba a rövidítést, amelyre a forrásból az akronimhez tartozó lehetséges jelentések listája kerül megjelenítésre. 261 Példák a 3.1.4 teljesítési feltételre: Egy egészségügyi weboldal. Az egészségügyi oldalak mind az orvosok mind a betegek részére kínálnak információkat. Az oldal lépcsőzetes elrendezésű szótárakat tartalmaz. Az első egy rendkívül speciális orvosi szótár, míg a második a nagyközönség számára is érthető információkat tesz közzé. A sorban található egy akronim és rövidítés lista, amely az oldal különlegessége, és végül egy szabvány szótár is megjelenítésre kerül. Ez utóbbi a szövegben található legtöbb szó jelentését magyarázza, míg a legelső a szokatlan orvosi szakkifejezések definícióját tartalmazza. Az egynél több szótárban előforduló szavak a listák sorrendjében jelennek meg. Az akronimek és rövidítések jelentése a nekik megfelelő akronimek és rövidítések sorrendjében jelennek meg. A rövidítések teljes alakja. A rövidítések teljes alakja algoritmikus formában is megjeleníthető. A hangos felhasználói programok a rövidítések megjelölésére használhatják a teljes alakokat. Más felhasználói programok a rövidítésre vonatkozó tippként vagy szöveges segítségként használhatják a teljes alakot. 262 131

3. Alapelv: Érthetőség 3.1.5 Olvasási szint: Amikor a szöveg fejlettebb olvasási készséget igényel, mint az alacsonyabb középfokú oktatási szint, akkor kiegészítő/magyarázó tartalom vagy az alacsonyabb középfokú oktatási szintnél fejlettebb olvasási készséget nem igénylő változat is elérhető. (AAA szint) 263 Cél Lehetőség szerint a tartalmat a legérthetőbb és legegyszerűbb módon kell megírni. A teljesítési feltétel céljai az alábbiak: biztosítson olyan kiegészítő tartalmat, amely segítséget nyújt a nehezebb vagy összetettebb szövegek megértéséhez; egy mérhető rendszabály létrehozása, amely jelzi, ha szükség van a kiegészítő tartalomra. Ez a teljesítési feltétel segítséget nyújt az olvasási problémákkal küzdő felhasználóknak, valamint a nehezebb vagy összetettebb webtartalmat publikálni kívánó webfejlesztőknek. A szövegek nehézségi fokának meghatározása az olvasásukhoz szükséges képzési szint megadásával lehetséges. Az ilyen szövegek komoly problémát jelentenek az olvasási nehézségekkel küzdő embereknek, sőt még azoknak a nem fogyatékos felhasználóknak is bonyolult lehet, akik teljesítették a felsőbb középfokú oktatás követelményeit. 264 132

Példák a 3.1.5 teljesítési feltételre Egy tudományos újságban bonyolult kutatásokról szóló cikkek olvasható összefoglalói jelennek meg. Egy tudományos újságban a terület szakértőinek szóló bonyolult szaknyelven íródott cikkek jelennek meg. Az újság tartalomjegyzékében feltüntetésre kerül a cikkek köznapi nyelven megírt összefoglalója. Az összefoglalók a nyolc tanévet végzett olvasók számára készültek. Az újság meta adatai, a Dublin Core specifikációi szerint, a cikkek célközönségét "felsőfokú", míg az összefoglalókat olvasókat az "alacsonyabb középfokú oktatási" szinttel rendelkezőkként azonosítják. 265 3. Alapelv: Érthetőség 3.1.6 Kiejtés: Elérhető egy mechanizmus a szavak konkrét kiejtésének azonosítására abban az esetben, ha a szavak jelentése a kontextusban nem egyértelmű a kiejtés ismerete nélkül. (AAA szint) <p>when we talk about these guidelines, we often just call them <ruby> <rb>wcag</rb> <rp>(</rp> <rt>wuh-kag</rt> <rp>)</rp> </ruby>. </p> 266 133

Cél A teljesítési feltétel a vakoknak, csökkent látóknak, valamint az olvasási nehézségekkel küzdőknek nyújt segítséget azokban az esetekben, amikor a tartalom jelentése a kiejtéstől függ. A szavaknak és karaktereknek gyakran különböző jelentéseik vannak, amelyek különböző kiejtéssel járnak együtt. Ezeknek a szavaknak vagy karaktereknek a jelentése gyakran a mondat jelentéséből határozható meg. Bizonyos összetettebb mondatok vagy nyelvek esetében a szavak jelentése csak nehezen vagy egyáltalán nem határozható meg a kiejtés ismerete nélkül. Abban az esetben, ha a mondat felolvasásra kerül és a képernyőolvasó rossz kiejtést használ, a mondat megértése még az írott változatnál is nehezebbé válik. A homályos vagy érthetetlen szavak esetében, az ismeretlen kiejtés meghatározása érdekében, szükségessé válik a jelentés valamilyen formájú meghatározása. 267 Példák a 3.1.6 teljesítési feltételre A kiejtés hangfájlokkal történő megadása. Egy dokumentum olyan szavakat is tartalmazhat, amelyeknek a jelentése nem határozható meg a kiejtés ismerete nélkül. Minden szó a helyes kiejtést megadó hangfájlhoz kapcsolódik. A felhasználók a hivatkozások között válogathatnak a helyes kiejtés megtalálása érdekében. A kiejtés megjelenítése a szószedetben. Egy honlapon szószedet kerül feltüntetésre. A definíciókon kívül a szószedet bizonyos részei kiejtési információkat is tartalmaznak. Azoknak a szavaknak az esetében, amelyeknek a jelentése nem határozható meg a kiejtés nélkül, egy hivatkozás mutat a szószedet megfelelő bejegyzésére. 268 134

3. Alapelv: Érthetőség 3.2 Irányelv: Kiszámíthatóság: Tegye a honlapok megjelenését és működését kiszámíthatóvá 269 Magyarázat Jelen teljesítési feltétel azoknak a fogyatékos felhasználóknak nyújt segítséget, akik kiszámíthatóbb formában kívánják az általuk közölt webtartalmat megjeleníteni, illetve kiszámíthatóbbá akarják tenni a funkcionális és interaktív elemek működését. Néhány felhasználónak gondot jelent a weboldalak áttekintése. A képernyőolvasók például egydimenziós szintetikus hangot közvetítenek, amely megnehezíti a térbeli hatások érzékelését. A megértési problémákkal küzdő felhasználóknak pedig zavaró lehet, ha bizonyos elemek minden oldalon más-más helyen jelennek meg. 270 135

Magyarázat A képernyőnagyítókat alkalmazó felhasználók például egyidőben csak a képernyő egy bizonyos pontját látják, viszont egy összefüggően elkészített tartalmon belül könnyebben megtalálják a navigációs eszközöket és más elemeket. Ha ugyanazon a honlapon belül az ismétlődő elemek ugyanolyan rendben kerülnek elhelyezésre, az lehetővé teszi az olvasási nehézségekkel küzdőknek a képernyőre történő koncentrálást, és megtakarítja nekik a hivatkozások szövegének dekódolására fordítandó időt. A kezüket korlátozottan használni képes felhasználók pedig a lehetőség szerint billentyűhasználat révén sokkal könnyebben kezelhetik a honlapot. 271 3. Alapelv: Érthetőség 3.2.1 Fókuszba kerülés: Amikor bármelyik tartalom fókuszba kerül, ez nem okoz kontextusváltást. (A szint) 272 136

Cél A teljesítési feltétel célja az, hogy biztosítsa a dokumentum kiszámítható működését a megtekintés teljes időtartama alatt. A megtekintés közben aktivált elemek működése nem változtathatja meg a tartalmat. Ez a teljesítési feltétel csökkenti a tartalom váratlan megváltozásának lehetőségét és ezzel segíti a látás- és mozgássérültek, valamint a kognitív nehézséggel küzdő felhasználók dolgát. 273 Példák a 3.2.1 teljesítési feltételre Példa: Legördülő menü A honlapon megjelenő legördülő menü a navigálási célpontok közötti választáshoz nyújt segítséget. Ha a felhasználó a billentyűzettel kiválaszt egy lehetőséget és a "space" vagy "enter" billentyűkkel aktiválja azt, akkor egy másik lapra jut. Abban az esetben viszont, ha a felhasználó a választás után az "escape" vagy a "tab" billentyűkkel elhagyja a legördülő menüt a képernyő nem jeleníti meg az előzőleg kiválasztott honlapot. Példa a hibára: A súgó párbeszédablak Amennyiben a felhasználó egy bizonyos mezővel foglalkozik az adott mező leírása, valamint a rendelkezésre álló lehetőségek megjelennek egy súgó párbeszédablakban. Amint a billentyűzetet használó a tabulátor billentyűvel végigmegy az oldalon, a párbeszédablak feljön és a billentyűzetfókusz minden alkalommal elmozdul a vezérlésről, amikor a felhasználó a tabulátorral áthalad a mezőn. 274 137

3. Alapelv: Érthetőség 3.2.2 Bevitel: Bármelyik felhasználói felületelem beállításának megváltozása nem vonja automatikusan maga után a kontextusváltást, hacsak a felhasználót erről előre nem tájékoztatták. (A szint) <form action="http://www.pelda.hu/cgi/atiranyit/" method="get"> <p>továbblépés az alábbi oldalra:</p> <select name="cel"> <option value="/index.html">főlap</option/> <option value="/blog/index.html">blogom</option/> <option value="/cv/index.html">magamról</option/> <option value="/search.html">keresés</option/> </select> <input type="submit" value="ugrás" /> </form> 275 Cél Jelen teljesítési feltétel célja, hogy az adatok bevitele vagy az űrlapok kiválasztása kiszámítható hatásokkal járjon. Bármelyik felhasználói felületelem megváltoztatása a vezérlés bizonyos állapotaiban is változást okoz, amely a felhasználó beavatkozásának hiányában tartós marad. A kontextusok változása megzavarhatja azokat a felhasználókat, akik nehezen követik a változásokat. A kontextusok változása akkor elfogadható, amikor egy változás egyértelműen a felhasználó beavatkozásának eredményeképpen jön létre. 276 138

Példák a 3.2.2 teljesítési feltételre Egy webalapú naptár alkalmazás bejegyzéseihez űrlap készül. A tárgyra, időre és helyszínre vonatkozó szabványos mezők mellett rádiógombok szolgálnak a készítendő naptárbejegyzés típusának meghatározására. A naptárba bejegyezhetők találkozók, gyűlések és emlékeztetők. Ha a felhasználó a gyűlésre vonatkozó gombot választja, akkor a lapon a gyűlés résztvevőinek rögzítésére szolgáló kiegészítő mezők jelennek meg. Az emlékeztető gomb kiválasztásakor más egyéb mezők jelennek meg. Mivel csak a bejegyzés részleteiben történik változás és az alapvető felépítés ugyanaz marad a felhasználó számára az alapvető kontextusok nem változnak. 277 3. Alapelv: Érthetőség 3.2.3 Konzisztens navigálás: A navigációs mechanizmusok, amelyek a weboldal-hálózaton belüli több weboldalon ismétlődnek, mindig ugyanabban a relatív sorrendben jelennek meg, hacsak a felhasználó nem kezdeményezi ennek megváltoztatását. (AA szint) 278 139

Cél A teljesítési feltétel azoknak a konzisztens megjelenítéseknek és elrendezéseknek a használatát ösztönzi, amelyek ismétlődően fordulnak elő bizonyos honlapokon és szükségesek bizonyos információk vagy alkalmazások többszöri megtalálásához. Azok a látássérültek, akik képernyőnagyítót használnak a képernyő egy kisebb részének a megtekintésére, gyakran vizuális magyarázatok és a laphatárokon elhelyezett elemek segítségével találják meg az ismétlődő tartalmakat. Az ismétlődő tartalmak ugyanabban a rendben történő megjelenítése szintén fontos a tartalmak keresésére térbeli memóriát vagy vizuális magyarázatokat használó látó felhasználóknak is. 279 Példák a 3.2.3 teljesítési feltételre Állandó helyen lévő vezérlő Minden egyes weblap alján egy keresőmező található, amelyet gyorsan megtalálnak a felhasználók. Kibővített navigációs menü Egy navigációs menü a honlap fő részein található hét elemre mutató hivatkozásokat tartalmaz. Az egyik elem kiválasztásakor egy navigációs almenü jelenik meg a fő navigációs menüben. 280 140

Példák a 3.2.3 teljesítési feltételre Konzisztensen elhelyezett ugró navigációs vezérlő A weblap első hivatkozása egy "ugró navigációs" hivatkozás, amelynek segítségével a felhasználó gyorsan átlépheti a fejlécet illetve a navigációs tartalmat és eljuthat a weblap fő tartalmi részéhez. Ugrás a navigációs hivatkozáshoz A lap alján található navigációs tartalomra egy navigációs hivatkozás mutat, amelyhez egy átugró alkalmazás tartozik. A hivatkozás konzisztensen a lap tetején kerül elhelyezésre így a billentyűzetet használók szükség esetén könnyedén megtalálják. 281 3. Alapelv: Érthetőség 3.2.4 Konzisztens azonosítás: Az ugyanazzal a funkcionalitással rendelkező elemek, a weboldalak hálózatán belül, következetesen kerülnek beazonosításra. (AA szint) 282 141

Cél A teljesítési feltétel célja a weblapokon ismétlődően megjelenő funkcionális elemek konzisztens azonosítása. Az elgondolás szerint a képolvasókat alkalmazó felhasználók böngészés közben fokozottan támaszkodnak a különböző weboldalakon megjelenő elemek funkciójának ismeretére. Ha a különböző oldalakon megjelenő azonos funkcióknak eltérő címkéje van, az jelentősen megnehezítheti a lap használatát. Ugyanakkor ez zavaró is lehet és megnöveli a felismerési gondokkal küzdő felhasználók terheit. Ezen a problémán a konzisztens címkézés tud a leghatékonyabban segíteni 283 Példák a 3.2.4 teljesítési feltételre Példa 1: Dokumentum ikon A honlapon egy dokumentum ikon jelöli a dokumentum letöltést. Az ikon szöveg alternatívája mindig a "Letöltés" szóval kezdődik, amelyet a dokumentum címének rövidített változata követ. A különböző dokumentumok nevének azonosítására szolgáló különböző szöveg alternatívák az alternatívák konzisztens használatát jelentik. Példa 2: Ellenőrző jel Egy ellenőrző jel ikon az egyik lapon "jóváhagyás" a másikon "csatolás" funkcióval bír. Mivel különböző szerepet töltenek be, ezért a szövegalternatívájuk is különbözik. 284 142

3. Alapelv: Érthetőség 3.2.5 Változtatás kérésre: Kontextusváltoztatások csak felhasználói kezdeményezésre történnek, vagy rendelkezésre áll egy mechanizmus az ilyen típusú változtatások kikapcsolására. (AAA szint) 285 Cél Ez a teljesítési feltétel azt a típusú webszerkesztést ösztönzi, amely lehetővé teszi a felhasználóknak a tartalmi változások teljeskörű kontrollálását. Ugyanakkor ez a teljesítési feltétel szolgál az olyan zavaró tényezők kiküszöbölésére, amelyeket többek között az automatikusan megnyíló új ablakok, vagy az adott elem kiválasztása után automatikusan elküldésre kerülő űrlapok okozhatnak. Az ilyen váratlan tartalmi változások gondot okozhatnak a mozgás-, illetve látássérült, vak valamint az értelmi fogyatékos felhasználóknak. 286 143

Példák a 3.2.5 teljesítési feltételre "frissítés most" gomb A tartalom automatikus frissítése helyett, a szerkesztő beépít egy "frissítés most" gombot, amely csak kérésre frissíti a tartalmat. automatikus átirányítás A felhasználó tudta nélkül átirányításra kerül egy régebbi oldalról az újra 287 3. Alapelv: Érthetőség 3.3 Irányelv: Beviteltámogatás: Segítse a felhasználókat a hibák elkerülésében és javításában 288 144

Magyarázat Mindenki követ el hibákat. Ennek ellenére a fogyatékos felhasználóknak még nagyobb problémát jelent a hibátlan bevitel elvégzése. Az elkövetett hibák észlelése pedig még nagyobb nehézségek elé állítja őket. A tipikus hibajelzési módszerek a csökkent látótér, a korlátozott színérzékelés vagy a segítő technológiák használata miatt nem egyértelműek számukra. Ez az irányelv a súlyos vagy visszafordíthatatlan hibák elkövetésének lehetőségét igyekszik csökkenteni, ugyanakkor igyekszik fokozni az elkövetett hibák felfedezésének esélyét és megértetni a felhasználóval kijavításuknak módját. 289 3. Alapelv: Érthetőség 3.3.1 Hibaazonosítás: Amennyiben egy beviteli hibára automatikusan fény derül, a hibás elem azonosításra kerül, és egy szöveges leírást kap a felhasználó a hibáról. (A szint) 290 145

Cél 291 A teljesítési feltétel célja az, hogy a felhasználó felfigyeljen az elkövetett hibára és meg tudja határozni azt, hogy mi a rossz. A hibaüzeneteknek a lehető legpontosabbaknak kell lenniük. Egy rosszul elküldött űrlap újbóli megjelenítése, a hibásan kitöltött mezők megjelölésével, sok felhasználó számára nem bizonyul elégségesnek az elkövetett hiba felismeréséhez. A képernyőolvasókat használók például nem fognak tudni a hibáról addig, amíg nem találkoznak az egyik jelzéssel. Ennek következtében, arra gondolva, hogy a lap nem működik, egyszerűen kiléphetnek az adott oldalról, mielőtt megtalálnák a hibajelzést. Példák a 3.3.1 teljesítési feltételre Űrlap küldéskor előforduló hibák azonosítása Egy légitársaság weblapja különleges ajánlatot hirdet a kedvezményes járatokra. A felhasználóknak ehhez ki kell töltenie egy egyszerű űrlapot, amely olyan személyes adatokat tartalmaz, mint például a felhasználó neve, címe, telefonszáma, a hellyel kapcsolatos elvárásai, illetve az e-mail címe. Abban az esetben, ha az űrlap valamelyik mezője hiányosan, vagy rosszul kerül kitöltésre egy megjelenő hibaüzenet tájékoztatja a felhasználót arról, hogy melyik mező hibás, vagy nem került kitöltésre. Megjegyzés: Ez a teljesítési feltétel nem azt jelenti, hogy a szín vagy szöveg stílusok nem használhatók a hibák jelzésére. Csupán annyi a követelmény, hogy a hibákat szöveges üzenetek is azonosítsák. Ebben a példában a szín mellett két csillag karakter is felhasználásra került. 292 146

3. Alapelv: Érthetőség 3.3.2 Címkék vagy utasítások: Megfelelő címkék vagy utasítások biztosítottak, amikor a tartalom felhasználói bevitelt igényel. (A szint) 293 Cél A teljesítési feltétel célja, hogy a felhasználók ne ejtsenek hibákat a bevitel folyamán. Ennek érdekében a felhasználói interfésznek az információk beviteléhez egyszerű utasításokat és magyarázatokat kell tartalmaznia. A fogyatékos felhasználók sokkal nagyobb valószínűséggel fognak hibákat elkövetni, mint ép társaik, illetve a hibák kijavítása is nagyobb erőfeszítést igényel tőlük. A fogyatékos felhasználók számára a hibák elkerülésének módszerei fontos stratégiát jelentenek. Számukra jól megszerkesztett űrlapok és eljárások szükségesek a lapok megfelelő kezeléséhez. A vak felhasználóknak pontosan tudniuk kell, hogy milyen információkat kell a mezőkbe írniuk és melyek a rendelkezésre álló választási lehetőségek. Az űrlap vezérlőihez rendelt egyszerű utasítások az értelmi fogyatékos felhasználóknak, valamint a képernyőnagyítót alkalmazóknak lehetnek a segítségére. 294 147

Példák a 3.3.2 teljesítési feltételre Egy mező, amelybe az Egyesült Államok kétbetűs rövidítését kell beírni (US) olyan hivatkozással rendelkezik, amely az országok neveit, valamint azok rövidítéseit ábécé sorrendben tartalmazó felugró listára mutat. Egy dátum rögzítésre szolgáló mező előtt álló szöveg megadja a dátum beírásának helyes formátumát. Nevek rögzítésére szolgáló mezők esetében címkével egyértelműen jelzik a "Keresztnév" illetve a "Családi név" beírására szolgáló mezőket, amivel elhárítják a nevek összekeveredéséből bekövetkező lehetséges zavart. 295 3. Alapelv: Érthetőség 3.3.3 Javaslat hibajavításhoz: Amennyiben egy beviteli hibára automatikusan derül fény, és a javítási megoldások ismertek, akkor a megoldási javaslatokat a felhasználók rendelkezésére bocsájtják, hacsak ez nem veszélyezteti a tartalom biztonságát vagy célját. (AA szint) A megadott jelszó nem megfelelő, kérem válasszon egy minimum 6 karakterből álló, kis- és nagybetűt is tartalmazó jelszót 296 148

Cél 297 A teljesítési feltételnek az a célja, hogy a lehetőség szerinti legjobb javítási javaslatot kapja a felhasználó a beviteli hiba korrigálásához. Az értelmi fogyatékos felhasználóknak problémát jelenthet a hibajavítások módjának értelmezése. A beviteli hibák kijavításának módjáról közölt információk lehetővé teszik azt, hogy a tanulási nehézségekkel küzdő felhasználók is sikeresen tölthessék ki az adott űrlapot. A vak, illetve látássérült emberek könnyebben megértik a beviteli hiba jellegét és annak lehetséges kijavítási módját. A mozgássérültek pedig a helytelen bevitelből származó javítások számát csökkenthetik. Példák a 3.3.3 teljesítési feltételre A beviteli hiba kijavításához adott kiegészítő segítség Egy sikertelenül elküldött űrlap a honlap megfelelő helyén jelzi a beviteli hibát, közli a helyes bevitelt és további segítséget ajánl fel a helyes kitöltéshez. Javaslatok a korlátozott értékekkel kapcsolatban 298 Egy beviteli mezőbe hónapok nevei írhatók be. Amennyiben egy felhasználó a "12"-es számot írja be, a javítási javaslatok az alábbiak lehetnek: Az elfogadható értékek listája, pl., "Válassza az egyiküket: január, február, március, április, május, június, július, augusztus, szeptember, október, november, december." A választható értékek leírása, pl., "Kérem, írja be a hónap nevét." A beviteli adat átalakítása a kért hónap névre, pl., "Úgy gondolta, hogy 'december'"? 149

3. Alapelv: Érthetőség 3.3.4 Hibamegelőzés (jogi, pénzügyi, adat): Azoknál a weboldalaknál, ahol jogi kötelezettségvállalás vagy pénzügyi tranzakciók teljesítése történik, amelyek a felhasználó által állítható adatokat törölnek vagy módosítanak az adattároló rendszerekben; vagy a felhasználó tesztre adott válaszait küldi; legalább az egyik igaz az alábbiak közül: (AA szint) Visszafordítható Ellenőrzött Megerősített 299 Cél A teljesítési feltétel célja, hogy megóvja a fogyatékos felhasználókat a vissza nem fordítható műveletek során elkövetett hibák súlyos következményeitől. Például egy nem visszatéríthető repülőjegy megvásárlása vagy részvényvásárlás egy brókerügynökségen keresztül olyan műveletek, amelyek komoly pénzügyi következményekkel járhatnak. 300 150

Példák a 3.3.4 teljesítési feltételre Megrendelés megerősítése: Egy on-line kiskereskedő vásárlási lehetőséget kínál az Interneten. A rendelés feladásakor az ehhez szükséges információk - a megrendelt áru, a megrendelt mennyiség, postázási cím, fizetési mód - ellenőrzés céljából megjelenítésre kerülnek. A felhasználó megerősítheti az adatok helyességét, vagy módosíthatja őket. Tőzsdei ügyletek: Egy pénzügyi honlapon a felhasználók online vásárolhatnak vagy adhatnak el részvényeket. Amikor a felhasználó megbízást ad a részvények vételére vagy eladására, akkor a rendszer ellenőrzi, hogy az adott tőzsde nyitva van-e. Amennyiben a tőzsde zárva van a rendszer figyelmezteti a felhasználót, hogy az ügylet egy nyitvatartási időn kivüli művelet lesz, ismerteti annak veszélyeit és lehetőséget ad az üzlet törlésére vagy megerősítésére. 301 3. Alapelv: Érthetőség 3.3.5 Súgó: Kontextusfüggő súgó elérése. (AAA szint) 302 151

Cél Jelen teljesítési feltétel célja, hogy segítse a felhasználókat a hibák elkerülésében. A fogyatékos felhasználók sokkal nagyobb valószínűséggel követnek el hibákat, mint az épek. A kontextusfüggő súgó alkalmazásával a felhasználók sokkal könnyebben megtalálják a műveletek végrehajtásának módját, anélkül, hogy az eredetileg megkezdett tevékenységből kizökkennének. 303 Példák a 3.3.5 teljesítési feltételre on-line álláspályázat Az újonnan állást keresőknek néhány megválaszolandó kérdés nehézséget jelenthet. A kérdések mellett álló súgó- hivatkozás az adott kérdésre vonatkozó utasításokra és magyarázatokra mutat. 304 152

3. Alapelv: Érthetőség 3.3.6 Hibamegelőzés (összes): Weboldalak esetében, ahol a felhasználótól információ benyújtását kérik, az alábbiak közül legalább az egyik igaz: (AAA szint) Visszafordítható Ellenőrzött Megerősített 305 Cél Jelen teljesítési feltétel célja, hogy megóvja a fogyatékos felhasználókat a hibás adatküldésből származó problémáktól. A fogyatékos felhasználók sokkal nagyobb valószínűséggel követnek el hibákat, illetve nagyobb erőfeszítésükbe kerül ezek felfedezése és javítása. Az olvasási nehézségekkel küzdők összekeverhetnek számokat és betűket, míg a mozgássérültek véletlenül is lenyomhatnak billentyűket. A műveletek visszavonásának lehetősége képessé teszi a felhasználókat a hibák kijavítására. A bevitt információk ellenőrzésének és kijavításának lehetősége képessé teszi a felhasználókat a hibák észlelésére a műveletek végrehajtása előtt. 306 153

4. Alapelv: Robusztusság A tartalomnak elég robusztusnak kell lennie ahhoz, hogy a különböző alkalmazások által, beleértve a kisegítő technológiákat is, megbízhatóan értelmezhető legyen 307 4. Alapelv: Robusztusság 4.1 Irányelv: Kompatibilitás: Maximalizálja a kompatibilitást a jelenlegi és jövőbeli felhasználói programokkal, beleértve a kisegítő technológiákat is 308 154

Magyarázat Az irányelv célja az, hogy támogassa a jelenlegi és jövőbeni felhasználói programok közötti kompatibilitást, különös tekintettel a segítő technológiákra (AT). Ezt a célt támogatja az 1-es feltétel azzal, hogy nem engedi megsérteni (pl. rossz minőségű jelölés), illetve kijátszani a segítő technológiákat (pl. a gyakorlattól eltérő jelölés vagy kód használata), valamint a 2-es feltétel, amely biztosítja azt, hogy a tartalomban a szabványoknak megfelelő és a segítő technikák által felismerhető, illetve kezelhető információ kerüljön feltüntetésre. Mivel a technológiák rendkívül gyorsan változnak és ebből kifolyólag a segítő technikák fejlesztőinek egyre nagyobb erőfeszítésébe kerül lépést tartani velük, ezért fontos, hogy a tartalmak ragaszkodjanak a gyakorlathoz és kompatibilisek legyenek az alkalmazásprogramozói felületekkel. Így a kisegítő technikák sokkal könnyebben tudnak majd együttműködni a kifejlesztésre kerülő új technológiákkal. 309 4. Alapelv: Robusztusság 4.1.1 Szintaktikai elemzés: A jelölőnyelveket használó tartalomban az elemek teljes kezdő és befejező címkékkel rendelkeznek, a specifikációjuknak megfelelően kerülnek beágyazásra, ismétlődő attribútumokat nem tartalmaznak, és az azonosítók egyediek, kivéve abban az esetben, ha a specifikációk lehetővé teszik ezeknek a tulajdonságoknak a használatát. (A szint) 310 155

Cél Jelen teljesítési feltétel célja, hogy a felhasználói programok, beleértve a segítő technológiákat, pontosan értelmezzék és szintaktikailag elemezzék a tartalmat. A weblapok kezdő és záró jelöléseinek valamint beágyazásának az adott specifikációknak megfelelő elvégzése biztosítja azt, hogy a segítő technológiák pontosan és összeomlás nélkül tudják szintaktikailag elemezni a tartalmat. 311 4. Alapelv: Robusztusság 4.1.2 Név, szerep, érték: Az összes felhasználói felületelemnek (beleértve, de nem korlátozva az űrlapelemeket, a szkriptek által generált hivatkozásokat és alkotóelemeket) a neve és a szerepe algoritmikusan meghatározható. A felhasználó által beállítható állapotok, tulajdonságok és értékek program által is változtathatóak. Ezeknek az elemeknek a változásairól a felhasználói programok (beleértve a kisegítő technológiákat) értesülhetnek. (A szint) 312 156

Cél A teljesítési feltétel célja, hogy a segítő technikák képesek legyenek információkat gyűjteni a tartalomban alkalmazott felhasználói interfészvezérlők aktivált (vagy beállított) és frissített állapotáról. Abban az esetben, ha az adott technológiák szabványos vezérlőit alkalmazzák, akkor ez a folyamat egyszerű. Ha a felhasználói interfész elemeit az előírásoknak megfelelően használják, akkor az megfelel a megfogalmazott követelményeknek. 313 4. Alapelv: Robusztusság HTML elem Szerep Név Érték/Állapot <a> link 'title' attribútum, az <a> elemen belül lévő szöveg vagy 'alt' attribútum, ha kép-link. Összefűzésre kerül, ha mindkettő adott. 'href' attribútum <button> gomb szöveg a <button> elemen belül vagy a 'title' attribútum <fieldset> csoportosítás <legend> elem <input type = "button", "submit", vagy "reset"> gomb 'value' attribútum <input type = "image"> gomb 'alt' attribútum vagy 'title' attribútum <input type = "text"> szerkeszthető hozzá tartozó <label> elem vagy a 'title' attribútum 'value' szöveg attribútum <input type = "password"> szerkeszthető hozzá tartozó <label> elem vagy a 'title' attribútum szöveg <input type="checkbox"> jelölőnégyzet hozzá tartozó <label> elem vagy a 'title' attribútum 'checked' attribútum <input type="radio"> rádiógomb hozzá tartozó <label> elem vagy a 'title' attribútum 'checked' attribútum 314 157

Példák a 4.1.2 teljesítési feltételre akadálymentesített alkalmazásprogramozói felületek A Java kisalkalmazás a nyelv által meghatározott akadálymentesített alkalmazásprogramozói felületet használja. További információk az IBM Guidelines for Writing Accessible Applications Using 100% Pure Java (IBM útmutató a 100% tiszta Java-t használó akadálymentesített írási alkalmazásokhoz) című kiadványban olvashatók. 315 Ellenőrző eszközök 316 158

Szabványosság ellenőrzése Nem szabványos kód <table border="1"> <tr> <td>első cella</td> <td>második cella</td> <td>harmadik cella</td> </tr> <tr> <td>2. Első cella</td> <td>2. Második cella</td> <p>2. Harmadik paragrafus</p> </tr> </table> 159

Nem szabványos kód A hibás kódú oldal Opera böngészőben (8.5 és 9.6-os verzió) A hibás kódú oldal Firefox böngészőben (2-es verzió) A hibás kódú oldal Internet Explorer böngészőben (6-os verzió) Nem szabványos kód <td><p>2. Harmadik paragrafus</p> Még mindig hibás a kód, de már jó a megjelenítés 160

W3C Validator http://validator.w3.org/ HTML 161

HTML <table border="1"> <tr> <td>első cella</td> <td>második cella</td> <td>harmadik cella</td> </tr> <tr> <td>2. Első cella</td> <td>2. Második cella</td> <p>2. Harmadik paragrafus</p> </tr> </table> HTML 162

HTML <td><p>2. Harmadik paragrafus</p></td> HTML 163

CSS Validator http://jigsaw.w3.org/css-validator/ CSS <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu" lang="hu"> <head> <title>tesztoldal</title> <style type="text/css"> a {background-color: grey; color: white} </style> </head> <body> <p>töltsed le ezt a <a href="szuperprogram.html">szuper program</a>ot!</p> </body> </html> 164

CSS A fenti kódrészlet Firefox 2-es böngészőben A fenti kódrészlet Opera 8.5-ös böngészőben A fenti kódrészlet Internet Explorer 6-os böngészőben CSS 165

CSS <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu" lang="hu"> <head> <title>tesztoldal</title> <style type="text/css"> a {background-color: gray; color: white} </style> </head> <body> <p>töltsed le ezt a <a href="szuperprogram.html">szuper program</a>ot!</p> </body> </html> CSS Internet Explorer 6-os alatt is jól jelenik meg 166

Firefox Böngésző http://www.mozilla-europe.org/hu/firefox/ HTML Validator kiegészítő http://users.skynet.be/mgueury/mozilla/ http://bit.ly/4fbjhy HTML Validator kiegészítő 167

HTML Validator kiegészítő HTML Validator kiegészítő <p>2. Harmadik paragrafus</p> <table border="1"> <tr> <td>első cella</td> <td>második cella</td> <td>harmadik cella</td> </tr> <tr> <td>2. Első cella</td> <td>2. Második cella</td> </tr> </table> 168

LinkChecker kiegészítő https://addons.mozilla.org/ en-us/firefox/addon/532 http://bit.ly/fgmfts Fut a LinkChecker: LinkChecker kiegészítő 169

Akadálymentesség ellenőrzése Szöveges böngésző 170

Az Opera speciális képességei Az Opera speciális képességei Lynx böngésző képe Opera böngésző szöveges módban 171

Szöveges böngésző emuláció Firefox böngészőben a WAVE eszköztáron is elérhető, lásd később. Browsershots.org 172

Browsershots.org Browsershots.org 173

Firefox (web-developer toolbar) https://addons.mozilla.org/enus/firefox/addon/web-developer/ http://bit.ly/ecgpmr 174

Firefox (Accessibility toolbar) https://addons.mozilla.org/hu/firefox/addon/accessi bility-evaluation-toolb/ http://bit.ly/ijmyc0 175

Cynthia Says http://www.cynthiasays.com/ WCAG A, AA vagy AAA http://bit.ly/ctgg9 W 176

Cynthia Says Cynthia Says 177

Wave http://wave.webaim.org/ Firefox 3-ba épülő kiegészítő http://bit.ly/kwot Wave 178

Wave Wave 179

Wave Wave 180

Wave Wave 181

Wave Web Page Speed Report http://analyze.websiteoptimization.com http://bit.ly/fy0n 182

Web Page Speed Report Web Page Speed Report 183

https://addons.mozilla.org/ hu/firefox/addon/7391 http://bit.ly/gmwfkv Fangs Screen Reader Emulator 1.0.7 https://addons.mozilla.org/hu/firefox/addon/402 http://bit.ly/ijhgr0 184