Akadálymentesség fogalma

Átírás

1 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

2 Egyenlő esélyű hozzáférés biztosítása Akadálymentesíté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 Egyetemes tervezés 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

3 5 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

4 7 Példák a különböző felhasználói csoportok által tapasztalt problémákra Vak emberek által használt Braille ábécé 8 4

5 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 9 Néhány gyakori JAWS gyorsbillentyű 10 Összeállította: Abonyi-Tóth Andor (ELTE IK) 5

6 Néhány gyakori JAWS gyorsbillentyű 11 Összeállította: Abonyi-Tóth Andor (ELTE IK) 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. 12 6

7 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. 13 Nem megfelelő kialakítású űrlapok 14 Pl. a 2011-es népszámlálás adatlapjai nem voltak akadálymentesek a vak felhasználók számára. 7

8 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 15 Nagy kontraszt használata 16 8

9 Nagy betűméret használata 17 Színtévesztő és színvak felhasználók 18 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 9

10 Színvakság megállapítására használt ismert tesztképek Színek szerepe Protanopia (vörös/zöld színvakság) Normál színlátás 20 10

11 Egy weblap különböző színtévesztők szemével Normál színlátás Protanopia 21 Egy weblap különböző színtévesztők szemével Normál színlátás Deuteranopia 22 11

12 Egy weblap különböző színtévesztők szemével Normál színlátás Tritanotopia 23 Hallássérült emberek A születésüktől fogva siket emberek nem biztos, hogy anyanyelvi szinten beszélik a magyar nyelvet A jelnyelv az anyanyelv 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 24 12

13 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 25 Inforádió portálján a hír írott és hangzó formában /hir Nem csak meghallgatni lehet az interjút, olvasható a szöveges átirata is

14 Mozgássérült felhasználók Alternatív beviteli eszközök: 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 27 Speciális billentyűzetek 28 14

15 Speciális billentyűzetek Lábbal kezelhető billentyűze t Fejjel irányítható billentyűzet és egér ( 29 Billentyűzetkezelő eszközök 30 15

16 Speciális egerek, lábegér, joystick 31 Szemmozgást észlelő mutatóeszköz ouse.html 32 16

17 Pontos pozícionálás gondot okozhat 33 Pontos pozícionálás 34 17

18 Értelmileg akadályozottak 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: 35 Jó példa 36 18

19 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 37 Technológiailag megkülönböztetettek Eltérő képernyőméret Elavult böngésző Gyenge hardver 38 19

20 Kis kijelzőméret Mobiltelefon Képernyő Memória Lapozás PDA 320x x480 Vízszintes görgetés Kis méretű betűk (nagyítás) 39 Elavult böngésző Nem biztos, hogy van: JavaScript Flash Java Javascripttel És nélküle FKF honlapja kikapcsolt JavaScript mellett 40 20

21 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 41 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 42 21

22 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 43 Idősek 44 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 22

23 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ó Szabványok 23

24 Témakörök Webes szabványok Szabványos weboldalak Akadálymentes weboldalak, WCAG 2.0 Észlelhetőség 1. alapelv Használhatóság 2. alapelv Érthetőség 3. alapelv Robusztusság 4. alapelv Webes szabványok 24

25 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 49 A World Wide web Consortium (W3C) Több mint 350 tag Apple Boeing Cisco Microsoft Nokia Vodafone

26 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 51 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 52 26

27 Egymásra épülő W3C szabványok 53 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 54 27

28 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 May 1999 HTML 4.01 Specification 24 December 1999 XHTML 1.0 (Second Edition) First published 26 January 2000, revised 1 August W3C - Web Accessibility Initiative (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 56 28

29 Fontos dokumentumok Web Akadálymentesítési Útmutató 2.0 magyarul Technikák a WCAG 2.0-hoz TECHS/index.html WCAG 2.0 Értelmezése WCAG20/index.html 57 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 58 29

30 WCAG 1.0 Checklist Akadálymentes weboldalak WCAG

31 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. 61 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

32 Néhány felirat példa Háttérzene jelölése a feliratban 63 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

33 Nyílt felirat A felirat nem kapcsolható ki (nyílt felirat) 65 Zárt felirat 66 Kikapcsolható, zárt felirat (CC) a Youtube-on, többnyelvű választási lehetőséggel kbhtbarwm 33

34 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. 67 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

35 Példa hangzó leírásra Legyetek jók, ha tudtok (a narrált verzióból egy rövid ízelítő) 69 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)

36 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. 71 Kiterjesztett hangzó leírásra példa

37 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. 73 Példa teljes szövegű leírásra ( Kovács Gábor András Abonyi-Tóth Andor, 2010) 74 37

38 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 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

39 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 77 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ő

40 1. Alapelv: Észlelhetőség 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) 79 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 80 40

41 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" /> 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=" <p>itt jön az a szöveg, amely leírja az objektumot és annak működését.</p> </object> 82 41

42 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=" <p>matematika feladatok első osztályosok számára, az alakfelismerés gyakorlására.</p> </object> 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=" <p>ez egy zenetanító program, ahol zongorázni tud a felhasználó.</p> </object> 84 42

43 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. 85 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

44 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="" /> 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

45 1. Alapelv: Észlelhetőség ( 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ó) 89 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

46 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 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> 92 46

47 1. Alapelv: Észlelhetőség ( 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) 93 Cél 94 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. 47

48 Felirat egy Youtube videón 95 Példák az 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

49 Példák az 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 Alapelv: Észlelhetőség ( 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) 98 49

50 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. 99 Legyetek jók, ha tudtok, látássérült emberek számára narrációval kiegészített változat 100 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. 50

51 Példák az 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 101 Példák az 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

52 1. Alapelv: Észlelhetőség ( AA ) Feliratok (élő): Feliratok állnak rendelkezésre az összes élő hang (live audio) tartalomhoz a szinkronizált média esetében. (AA szint) 103 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

53 1. Alapelv: Észlelhetőség ( 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. 105 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ű 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. The Lady Vanishes (with audio description and closed captions)

54 Példák az 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 Alapelv: Észlelhetőség Jelnyelv ( AAA ) : Jelnyelvi értelmezés biztosított minden előre rögzített hangtartalomhoz a szinkronizált média esetében

55 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 Alapelv: Észlelhetőség ( 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

56 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 Alapelv: Észlelhetőség ( 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

57 Magyarázat Ez a teljesítési feltétel annyiban szigorúbb az A szintű 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 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 ös AA szintű feltétel írja elő). 113 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=" 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> 114 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. 57

58 1. Alapelv: Észlelhetőség 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. 115 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

59 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) Alapelv: Észlelhetőség ( 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)

60 Példa 119 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 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

61 Példák az 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 Alapelv: Észlelhetőség ( 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

62 Példák az 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. 123 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

63 1. Alapelv: Észlelhetőség ( 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. 125 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

64 Példák az 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ó. 127 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

65 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 Alapelv: Észlelhetőség ( 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

66 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 Alapelv: Észlelhetőség

67 1. Alapelv: Észlelhetőség 133 Példák az 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.)

68 Példák az 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 Alapelv: Észlelhetőség ( 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

69 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. 137 Példák az 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

70 1. Alapelv: Észlelhetőség ( 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. 139 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

71 1. Alapelv: Észlelhetőség Alapelv: Észlelhetőség 142 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. 71

72 1. Alapelv: Észlelhetőség ( 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. 143 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

73 1. Alapelv: Észlelhetőség Alapelv: Észlelhetőség ( 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

74 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. 147 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

75 1. Alapelv: Észlelhetőség ( 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. 149 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

76 1. Alapelv: Észlelhetőség ( 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. 151 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 ( 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

77 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 Alapelv: Észlelhetőség ( 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

78 Példák az 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. 155 Példák az 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

79 2. Alapelv: Működtethető A felhasználói felület részei és a navigáció működőképes legyen 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

80 2. Alapelv: Működtethető ( 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). 159 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

81 Példák a 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. 161 Példák a 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

82 Példák a 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 Alapelv: Működtethető ( 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

83 Példák a 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 165 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ő ( 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 es teljesítési feltétellel, azonban itt a kivételek alkalmazása nem engedélyezett

84 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 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

85 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 Alapelv: Működtethető 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

86 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 Alapelv: Működtethető 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)

87 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 Alapelv: Működtethető 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)

88 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 Alapelv: Működtethető Ú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)

89 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 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 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

90 2. Alapelv: Működtethető ( 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 ( 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 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

91 2. Alapelv: Működtethető 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) Alapelv: Működtethető

92 2. Alapelv: Működtethető 183 Példák a 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

93 2. Alapelv: Működtethető 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 185 Példák a 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"

94 2. Alapelv: Működtethető 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) 187 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 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

95 2. Alapelv: Működtethető 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> 189 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

96 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> 191 Példák a 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

97 Példák a 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 mp Alapelv: Működtethető 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

98 2. Alapelv: Működtethető Alapelv: Működtethető

99 2. Alapelv: Működtethető Alapelv: Működtethető

100 Példák a 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 199 Példák a 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

101 Példák a 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 Alapelv: Működtethető 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)

102 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. 203 Példák a 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

103 Példák a 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 Alapelv: Működtethető 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> 206 #mainnav a:hover, #mainnav a:active, #mainnav a:focus { background-color: #DCFFFF; color:#000066; } 103

104 Cél 207 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 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

105 2. Alapelv: Működtethető 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) 209 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

106 Példák a 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 Alapelv: Működtethető 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>

107 Példák a 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." 213 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

108 2. Alapelv: Működtethető 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 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

109 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 Alapelv: Érthetőség Az információnak és a felhasználói felület kezelési módjának érthetőnek kell lennie

110 3. Alapelv: Érthetőség 3.1 Irányelv: Olvashatóság: Tegye a szöveges tartalmat olvashatóvá és érthetővé 219 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

111 3. Alapelv: Érthetőség 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" " <html xmlns=" 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> 221 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

112 Példák a 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 Alapelv: Érthetőség 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)

113 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 Alapelv: Érthetőség <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" 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>

114 Példák a 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. 227 Példák a 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 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,"

115 3. Alapelv: Érthetőség 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. 229 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

116 Példák a 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.) 231 Példák a 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

117 3. Alapelv: Érthetőség 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> 233 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

118 Példák a 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. 235 Példák a 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

119 3. Alapelv: Érthetőség 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) 237 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

120 Példák a 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 Alapelv: Érthetőség 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>

121 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. 241 Példák a 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

122 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á 243 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

123 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 Alapelv: Érthetőség Fókuszba kerülés: Amikor bármelyik tartalom fókuszba kerül, ez nem okoz kontextusváltást. (A szint)

124 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. 247 Példák a 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

125 3. Alapelv: Érthetőség 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=" 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> 249 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

126 Példák a 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 Alapelv: Érthetőség 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)

127 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. 253 Példák a 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

128 Példák a 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 Alapelv: Érthetőség 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)

129 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 257 Példák a 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

130 3. Alapelv: Érthetőség 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) 259 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

131 Példák a 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 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

132 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 Alapelv: Érthetőség 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)

133 Cél 265 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 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 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

134 3. Alapelv: Érthetőség 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) 267 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

135 Példák a 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 Alapelv: Érthetőség 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

136 Cél 271 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 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 272 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'"? 136

137 3. Alapelv: Érthetőség 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 273 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

138 Példák a 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 Alapelv: Érthetőség Súgó: Kontextusfüggő súgó elérése. (AAA szint)

139 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. 277 Példák a 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

140 3. Alapelv: Érthetőség 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 279 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

141 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 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

142 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 Alapelv: Robusztusság 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)

143 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 Alapelv: Robusztusság 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)

144 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 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

145 Példák a 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. 289 Ellenőrző eszközök

146 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> 146

147 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 147

148 W3C Validator HTML 148

149 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 149

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

151 CSS Validator CSS <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <html xmlns=" 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> 151

152 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 152

153 CSS <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <html xmlns=" 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 153

154 Firefox Böngésző HTML Validator kiegészítő HTML Validator kiegészítő 154

155 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> 155

156 LinkChecker kiegészítő en-us/firefox/addon/532 Fut a LinkChecker: LinkChecker kiegészítő 156

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

158 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 158

159 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 159

160 Browsershots.org Browsershots.org 160

161 Firefox (web-developer toolbar)

162 Firefox (Accessibility toolbar) bility-evaluation-toolb/ 162

163 Cynthia Says WCAG A, AA vagy AAA W 163

164 Cynthia Says Cynthia Says 164

165 Wave Firefox 3-ba épülő kiegészítő Wave 165

166 Wave Wave 166

167 Wave Wave 167

168 Wave Wave 168

169 Wave Web Page Speed Report

170 Web Page Speed Report Web Page Speed Report 170

171 hu/firefox/addon/ Fangs Screen Reader Emulator

172 Total Validator Emberi tényezők 172