Az AJAX és az akadálymentesség

Budapest, 2007. március 31.

Károly György Tamás

Az AJaX

AJaX: Asynchronous JavaScript and XML... (Web2, Rich Internet)

Az ajax (AJaX) a következő technikák kombinációja:

XHTML (vagy HTML) és CSS
DOM kliens oldali script nyelvekkel kezelve
XMLHttpRequest objektum (vagy IFRAME)
XML formátum

Bővebben: http://hu.wikipedia.org/wiki/Ajax

Akadálymentesség

Az akadálymentesség több csoportot céloz meg:

Testi fogyatékosok (pl. vakok, gyengénlátók, hallás- és mozgássérültek)
Értelmi fogyatékosok (és diszlexiások, olvasási nehésséggel élők)
Gyerekek, idősek
Technológiailag megkülönböztetett felhasználók (pl. gyenge gépteljesítmény, kicsi kijelző, koszos munkahely, javascript, flash stb. hiánya, lassú hálózat)
Kulturálisan elszigeteltek (pl. idegenajkúak)
Gépek (pl. Google)
Technológiailag alulképzettek

Filmcím következik...

A jó

De melyik film is ez?

A jó: W3C
- Szabványok megalkotása
- Szakmai szervezetek, cégek összehangolása

Még nem tudjuk mi a címe a filmnek?

A jó: W3C
- Szabványok megalkotása
- Szakmai szervezetek, cégek összehangolása
a rossz

Szerintem már rémlik...

A jó: W3C
- Szabványok megalkotása
- Szakmai szervezetek, cégek összehangolása
a rossz: ajax
- Adatok dömpingje
- Nem mindenki tudja használni

A jó, a rossz és a csúf...

A jó: W3C
- Szabványok megalkotása
- Szakmai szervezetek, cégek összehangolása
a rossz: ajax
- Adatok dömpingje
- Nem mindenki tudja használni
és a csúf

true, false, false

A jó: W3C
- Szabványok megalkotása
- Szakmai szervezetek, cégek összehangolása
a rossz: ajax
- Adatok dömpingje
- Nem mindenki tudja használni
és a csúf: akadálymentesség
- Nem szépek az oldalak
- Nehéz megtanulni

Szabványok

XHTML, HTML, CSS
DOM
XMLHttpRequest objektum (vagy IFRAME)
XML formátum
WAI: Web Accessibility Initiative
- WCAG: Web Content Accessibility Guidelines
- ARIA: Accessible Rich Internet Applications Suite:

WCAG és AJaX

Az ajax megoldások akadálymentes megvalósítása érdekében különösen szem előtt tartandó WCAG ellenőzőpontok:

a webhely legyen használható javascript (vagy más technológia) hiánya, vagy kikapcsolt állapota esetén is, például szöveg alapú böngészőkben
...ez a stíluslapokra is vonatkozik
a színek ne önmagukban közvetítsenek valamely üzenetet, állapotot
biztosítani kell a dinamikusan generált tartalmak frissülésekor a megtekintés lehetőségét statikusan
...valamint a frissítési intervallum beállítását és letiltását
villogó tartalmak esetén lehetőséget kell adni a villogás sebességének beállítására, és a villogás letiltására
...az automatikusan újratöltődő oldalak esetén hasonlóképpen kell eljárni
az idő alapú multimédia bemutatók (prezentációk, animációk, filmek) valós időben alternatív módon is legyenek elérhetőek
ne készítsünk külön akadálymentes változatot
a formázást ne a (X)HTML kódban oldjuk meg, használjuk a megfelelő elemeket (szementika, pl. kerüljük a táblázatot, mint layout formázó elemet)
az automatikus átirányításokat lehetőleg szerveroldalon kezeljük, és ne kliensoldalon
ne használjunk popup és popunder ablakokat, és ne állítsuk át az éppen használt ablakok sorrendjét (a felhasználó külön értesítése nélkül)
amire lehetséges, arra W3C által fejlesztett, vagy támogatott technológiát használjunk
...kerüljük az érvénytelenített (depricated) megoldásokat
ismertessük a felhasználókkal a webhely felépítését (sitemap, tartalomjegyzék...)
legyen következetes a navigáció módja
a szkriptek (és eseménykezelések) legyenek eszközfüggetlenek
a mozgó dolgok mozgását lehessen letiltani