Rámpát a honlapokra úton az akadálymentes honlapok felé Pataki Máté

Méret: px

Mutatás kezdődik a ... oldaltól:

Download "Rámpát a honlapokra úton az akadálymentes honlapok felé Pataki Máté"

Ádám Kiss
7 évvel ezelőtt
Látták:

1 Rámpát a honlapokra úton az akadálymentes honlapok felé Pataki Máté Pataki Máté

2 Témakörök A World Wide Web Consortium (W3C) W3C Magyar Iroda Akadálymentes weboldalak (WCAG) Szabványos weboldalak l Új szolgáltatás Pataki Máté 2 / 33

3 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 a MIT-n További anyaintézmények: ERCIM (INRIA) Franciaország KEIO Egyetem Japán Pataki Máté 3 / 33

4 Egymásra épülő W3C szabványok Pataki Máté 4 / 33

5 A World Wide web Consortium (W3C) Több mint 400 tag Apple Boeing Cisco Microsoft Nokia Vodafone Magyar tagok MTA SZTAKI KOPINT-DATORG Budapesti Műszaki és Gazdaságtudományi Egyetem Pataki Máté 5 / 33

6 W3C Magyar Iroda 16 helyi iroda, 2002-től: W3C Magyar Iroda MTA SZTAKI-ban működik Tevékenységeink, szolgáltatásaink: Magyar nyelvű információ nyújtása Weboldal, hírlevél, szóróanyagok W3C-technológiák népszerűsítése Konferenciák, workshopok, oktatás szervezése Célunk: Magyar webes élet fejlődésének é elősegítése Nemzetközivel kompatibilis hazai webes szabványok Pataki Máté 6 / 33

7 Tevékenységeink, szolgáltatásaink Információszolgáltatás magyar nyelven Weboldal Hírek, hírlevél, RSS Wiki-oldalak (Szemantikus Web Wiki, W3C-dokumentumok fordítása Wiki) Fordítások (RDF, OWL; WCAG 2.0 és kapcsolódo dokumentumok) W3C-technológiák népszerűsítése Rendezvényszervezés Akadálymentességi és használhatósági tanulmányok készítése és tanácsadás (pl. Nemzeti Fejlesztési Hivatal, Magyarország.hu) Mobil Web követelményeinek való megfelelést segítő tanácsadás Pataki Máté 7 / 33

8 W3C - Web Accessibility Initiative (WAI) w3 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 Pataki Máté 8 / 33

9 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 Pataki Máté 9 / 33

10 WCAG 1.0 Checklist Pataki Máté 10 / 33

11 Szabványos oldalak Szabványos oldalak WCAG XHTML CSS Pataki Máté 11 / 33

12 Szabványosnak jelölt oldalak Szabványosnak jelölt oldalak Statikus kép Létrehozáskori állapot 50%-ban nem szabványosak Pataki Máté 12 / 33

13 Új szolgáltatás Dinamikus kép Egy ikon Különböző szintek Tartalomnak megfelelő szint Rendszeres ellenőrzés ő Értesítés Pataki Máté 13 / 33

14 Szavbányos (X)HTML Első szint Szabványos (X)HTML kód Pataki Máté 14 / 33

15 Szavbányos CSS Második szint CSS használat Szabványos CSS kód Pataki Máté 15 / 33

16 Első lépés az akadálymentesség felé Harmadik szint Géppel ellenőrizhető Szöveges megfelelő Képek mérete meg van adva Oldal nyelve meg van adva Űrlapmezők rendelkeznek címkékkel Pataki Máté 16 / 33

17 WCAG 2.0 A Negyedik szint Akadálymentes WCAG 2.0 A szint Kézi ellenőrzés Pataki Máté 17 / 33

18 WCAG 2.0 A 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. Pataki Máté 18 / 33

19 WCAG 2.0 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. (A szint) É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. (A szint) Pataki Máté 19 / 33

20 WCAG 2.0 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. (A szint) Pataki Máté 20 / 33

21 WCAG 2.0 A Pataki Máté 21 / 33

22 WCAG 2.0 A Pataki Máté 22 / 33

23 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) Pataki Máté 23 / 33

24 WCAG 2.0 A Pataki Máté 24 / 33

25 WCAG 2.0 A Pataki Máté 25 / 33

26 WCAG 2.0 AA Ötödik szint Akadálymentes WCAG 2.0 AA szint Kézi ellenőrzés Pataki Máté 26 / 33

27 WCAG 2.0 AA Feliratok (élő): Feliratok állnak rendelkezésre az összes élő hang (live audio) tartalomhoz a szinkronizált média esetében. (AA szint) Pataki Máté 27 / 33

28 WCAG 2.0 AA 143K Kontraszt t(minimum): i 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: (AA szint) 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. Pataki Máté 28 / 33

29 WCAG 2.0 AA Pataki Máté 29 / 33

30 WCAG 2.0 AA Pataki Máté 30 / 33

31 Használat <a href=" <img src=" alt="w3c Validity Check" width="231" height="57" /> </a> Pataki Máté 31 / 33

32 Összefoglalás Műhelykonferencia ősszel W3C Magyar Iroda Honlap Hírlevél RSS WCAG 2.0 magyarul Pataki Máté 32 / 33

33 Köszönöm a figyelmet! Mate.Pataki@w3c.hu A W3C Magyar Iroda célja, hogy a magyar intézmények és cégek minél szélesebb körében megismertesse a W3C tevékenységét és segítséget g nyújtson az azokban való részvételhez. Pataki Máté 33 / 33

Hasonló dokumentumok

DSD. A W3C Magyar Iroda Akadálymentesítési Törekvései Pataki Máté, Kovács László

DSD. A W3C Magyar Iroda Akadálymentesítési Törekvései Pataki Máté, Kovács László A W3C Magyar Iroda Akadálymentesítési Törekvései Pataki Máté, Kovács László A World Wide web Consortium (W3C) Hogy kihasználhassuk a Web nyújtotta összes lehetőséget... A webszabványok fejlesztésének semleges