Webdesign 7 Arculat fontossága & Akadálymentesítés Bujdosó Gyöngyi Debreceni Egyetem Informatikai Kar
Fontos a webfelület let arculata A klíma azt jelenti a szervezet számára, mint a személyiség az ember számára 2
Az arculat lényegesl 3
Az arculat egy klímát t alakít t ki 5
Computer aided learning 7
Weboldalak virtuális környezetekk 8
Tanulási környezetekk 9
Akadálymentes lymentesített tett oldalak 1/a 10
Akadálymentes lymentesített tett oldalak 1/b 11
Akadálymentes lymentesített tett oldalak 2/a 12
Akadálymentes lymentesített tett oldalak 2/b 13
Akadálymentes lymentesítés s ajánl nlásai WAI W3C SENDA EU Section 508 USA NJSzT Magyarország 14
WAI (Web Accessibility Initiative)
WCAG 2.0 (Web Content Accessibility Guidelines) WCAG 2.0 magyar nyelven: http://www.w3c.hu/forditasok/wcag20/
WCAG 2.0 Tartalomjegyzék Bevezetés WCAG 2.0 Útmutató elemei WCAG 2.0 Támogató dokumentumok Terminológia WCAG 2.0 Irányelvek 1 Észlelhetıség 1.1 Biztosítson szöveges alternatívát bármilyen nem szöveges formátumú tartalomhoz, annak érdekében, hogy az igényeknek megfelelı formára lehessen alakítani, úgy mint a nagybető, a Braille-írás, a beszéd, a szimbólumok, vagy az egyszerőbb nyelv 1.2 Biztosítson alternatívákat a szinkronizált idı-alapú médiához 1.3 Információ- vagy szerkezetvesztés nélkül készítsen olyan tartalmat, amelyet különbözı módokon lehet megjeleníteni (például: egyszerőbb elrendezés) 1.4 A felhasználók számára könnyítse a tartalom megtekintését, illetve hallását, beleértve az elıtér és a háttér elválasztását 2 Mőködtethetıség 2.1 Minden funkció legyen elérhetı a billentyőzetrıl 2.2 Biztosítson a felhasználók számára elegendı idıt, hogy elolvassák és használják a tartalmat 2.3 Ne legyen olyan tartalom, amrıl ismert, hogy rohamokat okozhat 2.4 Biztosítson a felhasználók számára segítséget a navigálásra, a tartalom megtalálására és a helyzetük meghatározására 3 Érthetıség 3.1 Tegye a szöveges tartalmat olvahatóvá és érthetıvé 3.2 Tegye a honlapok megjelenését és mőködését kiszámíthatóvá 3.3 Segítse a felhasználókat a hibák elkerülésében és javításában 4 Robusztusság 4.1 Maximalizálja az összeférhetıséget a jelenlegi és jövıbeli felhasználói programokkal, beleértve a kisegítı technológiákat is Megfelelıség Megfelelıségi követelmények Megfelelıségi nyilatkozat (opcionális) Részleges megfelelıségi nyilatkozat (harmadik fél által készített tartalom) Részleges megfelelıségi nyilatkozat (nyelv) 17
SENDA (Special Educational Needs and Disability) Offoce of Public Sector Information http://www.opsi.gov.uk/acts/acts2001/ukpga_20010010_en_1
Section 508 Section 508: http://www.section508.gov/
Section 508 Section 508 Standards Section 508: http://www.section508.gov/index.cfm?fuseaction=content&id=12 Subpart A -- General 1194.1 Purpose. 1194.2 Application. 1194.3 General exceptions. 1194.4 Definitions. 1194.5 Equivalent facilitation. Subpart B -- Technical Standards 1194.21 Software applications and operating systems. 1194.22 Web-based intranet and internet information and applications. 16 rules. 1194.23 Telecommunications products. 1194.24 Video and multimedia products. 1194.25 Self contained, closed products. 1194.26 Desktop and portable computers. Subpart C -- Functional Performance Criteria 1194.31 Functional performance criteria. Subpart D -- Information, Documentation, and Support 1194.41 Information, documentation, and support. Figures to Part 1194 20
Section 508 Section 508: http://www.access-board.gov/508.htm
Nálunk MEK akadálymentesített oldalain: http://vmek.oszk.hu/vmek2/ajanlas.phtml
Ajánl nlások magyarul Akadálymentes honlapok tervezése, 1. sz. ajánlás A fogyatékossággal élı Internet-felhasználók által használt támogató technológiák Akadálymentes honlapok tervezése, 2. sz. ajánlás Útmutató az akadálymentes honlapok általános szerkezeti kialakításához Akadálymentes honlapok tervezése, 3. sz. ajánlás Akadálymentes WEB-felületek kialakításának fıbb irányelvei és módszerei a gyakorlatban Webes tartalmak hozzáférési irányelvei 2.0 W3C Munkavázlat 2004 március 11. User Agent Accessibility Guidelines 1.0 (Felhasználói ágensek hozzáférhetıségi irányelvei - Magyar fordítás)
Akadálymentes lymentesítés s elınyei Ergonomikus weboldal kialakítása A használhatóság jobb tervezése Kellemesebb mikrokörnyezet kialakítása Az akadálymentesítés megvalósítása korlátozottsággal élık segítése esélyegyenlıség megteremtése ügyfélkör növelése ügyfél elégedettségének növelése 24
Különbségek & Esélyek 25
Cél: Mindenki számára kellemes és használható környezet kialakítása 26