DSD
Rámpát a honlapokra úton az akadálymentes honlapok felé Pataki Máté
Pataki Máté
Témakörök
A World Wide Web Consortium (W3C) DSD W3C Magyar gy Iroda Akadálymentes weboldalak (WCAG) S b á Szabványos weboldalak b ld l k Újj szolgáltatás g
Pataki Máté
2 / 33
A World Wide web Consortium (W3C)
A webszabványok fejlesztésének nyilvános fóruma DSD Jelszavai: Semlegesség és egyetértés 1994 ben Tim Berners Lee alapította a MIT 1994-ben MIT-n n További anyaintézmények: ERCIM (INRIA) – Franciaország KEIO Egyetem – Japán
Pataki Máté
3 / 33
Egymásra épülő W3C szabványok
DSD
Pataki Máté
4 / 33
A World Wide web Consortium (W3C)
Több mint 400 tag AppleDSD Boeing Ci Cisco Microsoft Nokia Vodafone … Magyar tagok MTA SZTAKI KOPINT-DATORG Budapesti Műszaki és Gazdaságtudományi Egyetem
Pataki Máté
5 / 33
W3C Magyar Iroda
16 helyi iroda iroda, 2002-től: W3C Magyar Iroda DSD MTA SZTAKI-ban működik Tevékenységeink szolgáltatásaink: Tevékenységeink, Magyar nyelvű információ nyújtása Weboldal, Weboldal hírlevél hírlevél, szóróanyagok szóróanyagok… W3C-technológiák népszerűsítése Konferenciák, Konferenciák workshopok workshopok, oktatás szervezése Célunk: Magyar M webes b él élett ffejlődésének jlődé é k elősegítése lő íté Nemzetközivel kompatibilis hazai webes szabványok Pataki Máté
6 / 33
Tevékenységeink, szolgáltatásaink
Információszolgáltatás magyar nyelven DSD Weboldal Hírek, hírlevél, RSS Wiki-oldalak (Szemantikus Web Wiki, W3C-dokumentumok fordítása Wiki) Fordítások (RDF, (RDF OWL; WCAG 2.0 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 (pl. Nemzeti Fejlesztési Hivatal Hivatal, Magyarország.hu) Mobil Web követelményeinek való megfelelést segítő tanácsadás Pataki Máté
7 / 33
W3C - Web Accessibility Initiative (WAI) http://www.w3.org/WAI/ http://www DSD w3 org/WAI/ Web Content Accessibility y Guidelines 1.0: ajánlás (1999. máj. 5.) 2.0: 2 0 ajánlás já lá (2008 (2008. d dec. 11 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
WCAG 1.0
Web Content Accessibility Guidelines DSD Priority y 1 ((must))
Priority 2 (should)
Pl.: style sheet használata (tartalom-megjelenítés)
Priority 3 (may)
Pl.: szöveges megfelelő biztosítása minden képhez
Pl.: fontos linkekhez gyorsbillentyű rendelése
Gépi és kézi ellenőrzés
Pataki Máté
9 / 33
WCAG 1.0 Checklist
DSD
http://www.w3.org/TR/WAI-WEBCONTENT/full-checklist.html Pataki Máté
10 / 33
Szabványos oldalak
Szabványos oldalak DSD WCAG XHTML CSS
Pataki Máté
11 / 33
Szabványosnak jelölt oldalak
Szabványosnak jelölt oldalak DSD Statikus kép Létrehozáskori állapot 50%-ban nem szabványosak
Pataki Máté
12 / 33
Új szolgáltatás
Dinamikus DSD kép Egy ikon Különböző szintek Tartalomnak megfelelő szint Rendszeres R d ellenőrzés ll ő é Értesítés
Pataki Máté
13 / 33
Szavbányos (X)HTML
Első szint DSD Szabványos (X)HTML kód
Pataki Máté
14 / 33
Szavbányos CSS
Második DSD szint CSS használat Szabványos CSS kód
Pataki Máté
15 / 33
Első lépés az akadálymentesség felé
Harmadik DSD 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
WCAG 2.0 A
Negyedik DSD szint Akadálymentes WCAG 2.0 A szint Kézi ellenőrzés
Pataki Máté
17 / 33
WCAG 2.0 A
DSD változat biztosított annak Egy szöveges é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
WCAG 2.0 A
DSD 1.3.2 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) 1.3.3 Érzékelési jellemzők: A tartalom értelmezéséhez és kezeléséhez biztosított utasításokat nem lehet ki á ól az olyan kizárólag l é érzékelési ék lé i jjellemzők ll ők elemeire l i bí bízni, i mint a forma, méret, vizuális elhelyezkedés, irány, vagy hang hang. (A szint)
Pataki Máté
19 / 33
WCAG 2.0 A
DSD 1.4.1 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
WCAG 2.0 A
DSD
Pataki Máté
21 / 33
WCAG 2.0 A
DSD
Pataki Máté
22 / 33
2. Alapelv: Működtethető
DSD 2.4.1 Blokkok elkerülése: Hozzáférhető egy mechanizmus, melynek segítségével elkerülhetők azok a tartalmi blokkok, amelyek több oldalon is ismétlődnek. (A szint)
Pataki Máté
23 / 33
WCAG 2.0 A
DSD
Pataki Máté
24 / 33
WCAG 2.0 A
DSD
Pataki Máté
25 / 33
WCAG 2.0 AA
ÖtödikDSD szint Akadálymentes WCAG 2.0 AA szint Kézi ellenőrzés
Pataki Máté
26 / 33
WCAG 2.0 AA
DSD
1.2.4. 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
WCAG 2.0 AA 1.4.3 1 43K Kontraszt t t (Mi (Minimum): i ) A szöveg ö é és a ké képként ké t DSD reprezentált szöveg vizuális megjelenítése esetében a kontrasztarány minimum 4,5:1, 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 szöveg, vagy nem látható 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
WCAG 2.0 AA
DSD
Pataki Máté
29 / 33
WCAG 2.0 AA
DSD
Pataki Máté
30 / 33
Használat
Pataki Máté
31 / 33
Összefoglalás
Műhelykonferencia ősszel DSD W3C Magyar gy Iroda Honlap Hírlevél Hí l él RSS WCAG 2.0 magyarul
http://www.w3c.hu/forditasok/WCAG20/
Pataki Máté
32 / 33
Köszönöm a figyelmet!
DSD
http://www.w3c.hu Email:
[email protected]
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 g nyújtson y j az azokban való részvételhez. Pataki Máté
33 / 33
