Webdesign 7
Arculat fontossága & Akadálymentesítés Bujdosó Gyöngyi Debreceni Egyetem • Informatikai Kar
Fontos a webfelület arculata klíma azt jelenti a szervezet számára, mint a személyiség az ember számára
A
2
Az arculat lényeges
3
Az arculat egy klímát alakít ki
5
Computer aided learning
7
Weboldalak – virtuális környezetek
8
Tanulási környezetek
9
Akadálymentesített oldalak – 1/a
10
Akadálymentesített oldalak – 1/b
11
Akadálymentesített oldalak – 2/a
12
Akadálymentesített oldalak – 2/b
13
Akadálymentesítés ajánlásai • WAI
– W3C
• SENDA
– EU
• Section 508
– USA
• NJSzT
– Magyarország
14
WAI (Web Accessibility Initiative)
WCAG 2.0 – magyar nyelven: http://www.w3c.hu/forditasok/WCAG20/
WCAG 2.0 (Web Content Accessibility Guidelines)
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 2.2 2.3 2.4
Minden funkció legyen elérhetı a billentyőzetrıl Biztosítson a felhasználók számára elegendı idıt, hogy elolvassák és használják a tartalmat Ne legyen olyan tartalom, amrıl ismert, hogy rohamokat okozhat 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
Offoce of Public Sector Information http://www.opsi.gov.uk/acts/acts2001/ukpga_20010010_en_1
SENDA (Special Educational Needs and Disability)
Section 508: http://www.section508.gov/
Section 508
http://www.section508.gov/index.cfm?FuseAction=content&ID=12
Section 508:
Section 508 Section 508 Standards • Subpart A -- General –1194.1 –1194.2 –1194.3 –1194.4 –1194.5
•
Purpose. Application. General exceptions. Definitions. Equivalent facilitation.
Subpart B -- Technical Standards –1194.21 –1194.22 –1194.23 –1194.24 –1194.25 –1194.26
•
Software applications and operating systems. Web-based intranet and internet information and applications. 16 rules. Telecommunications products. Video and multimedia products. Self contained, closed products. 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: http://www.access-board.gov/508.htm
Section 508
MEK – akadálymentesített oldalain: http://vmek.oszk.hu/vmek2/ajanlas.phtml
Nálunk
Ajá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íté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
