Bahare Shariat Jild 1 By SadurshSharia Mufti Amjad Ali Azmi
Accesibilitatea Web
1. RoCHI 2008
Considerații privind accesibilitatea Web
Sabin‐Corneliu Buraga
Universitatea “A. I. Cuza” din Iaşi, Romania
Facultatea de Informatică
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
2. RoCHI 2008
Cuprins
Accesibilitate Web
Legislație şi reglementări
Instrumente
Studii de caz
Concluzii & discuții
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
3. RoCHI 2008
Accesibilitate
accesul cu succes la informații şi
tehnologia informației de către persoanele
cu nevoi speciale:
vizuale
auditive
motorii
cognitive
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
4. RoCHI 2008
Accesibilitate
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
5. RoCHI 2008
Accesibilitate Web
20% din populația planetei prezintă o anumită
categorie de dizabilitate
conform WebAIM – Web Accessibility in Mind, 2008
webaim.org
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
6. RoCHI 2008
Accesibilitate
Dizabilități:
temporare – de scurtă sau lungă durată
permanente (unele pot proveni de la naştere)
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
7. RoCHI 2008
Accesibilitate Web
Web‐ul a devenit ubicuu
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
8. RoCHI 2008
Accesibilitate Web
“The power of the Web is in its universality.
Access by everyone regardless of disability
is an essential aspect.”
Tim Berners‐Lee
creatorul Web‐ului şi directorul Consorțiului Web
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
9. RoCHI 2008
Accesibilitate Web
Utilizatorii cu dizabilități întâmpină în continuare
dificultăți în accesarea/interacțiunea cu siturile Web
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
10. RoCHI 2008
Accesibilitate Web
Fiecare categorie de dizabilități necesită anumite
adaptări şi/sau modificări ale designului interfeței
Web şi a conținutului oferit
deseori, conduce la reorganizarea arhitecturii informaționale
rolul şabloanelor de proiectare
(Web design patterns)
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
11. RoCHI 2008
Accesibilitate Web
Bariere în calea accesibilității – realități:
ordinea redării conținutului – reading order
marcaje demodate (deprecated markup)
dimensiuni fixe ale corpului de literă
marcaje privind datele tabelare folosite pentru formatare
acronime & abrevieri neexplicate
conținut textual inclus în imagini
documente care nu pot fi validate conform standardelor
folosirea de marcaje proprietare
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
12. RoCHI 2008
Accesibilitate Web
Bariere în calea accesibilității – realități:
parcurgerea neliniară a conținutului
interacțiunea precară cu formularele Web
neindicarea conținutului scris în alte limbi
semantica datelor bazată exclusiv pe cromatică
interacțiune dependentă exclusiv de mouse
existența conținutului generat dinamic la nivel de client
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
13. RoCHI 2008
Legislație şi reglementări
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
14. RoCHI 2008
Suport legislativ
Legislație (inter)națională
ADA (Americans with Disabilities Act)
IDEA (Individuals with Disabilities Education Act)
Reabilitation Act – secțiunile 504 şi 508
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
15. RoCHI 2008
Suport legislativ
WAI (Web Accessibility Initiative)
domeniu prioritar al Consorțiului Web
pune la dispoziție un set de reglementări standardizate
+ resurse de interes pentru dezvoltatori
www.w3.org/WAI/
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
16. RoCHI 2008
Suport legislativ
WCAG (Web Content Accessibility Guidelines)
www.w3.org/TR/WCAG20/
reguli privind accesibilitatea conținutului Web,
structurate pe priorități
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
17. RoCHI 2008
Suport legislativ
WAI‐ARIA
(Accessible Rich Internet Applications)
www.w3.org/TR/wai‐aria‐primer
reglementări privind proiectarea aplicațiilor Web dinamice
– aliniate curentului “Web 2.0” (Social Web)
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
18. RoCHI 2008
Suport legislativ
Strategii generale:
utilizarea descrierilor alternative
ale conținutului multimedia (imagini, audio, video)
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
19. RoCHI 2008
Suport legislativ
Strategii generale:
organizarea conținutului şi mijloacelor de navigare
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
20. RoCHI 2008
Suport legislativ
Strategii generale:
oferirea de suport de interacțiune via tastatură
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
21. RoCHI 2008
Suport legislativ
Strategii generale:
utilizarea de formate standardizate
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
22. RoCHI 2008
Suport legislativ
Aspecte de interes:
siturile Web – conținutul disponibil
aplicațiile Web – funcționalitățile oferite
navigatoarele Web
programele de redare a conținutului multimedia
instrumentele de creare a conținutului (authoring)
tehnologiile Web actuale & viitoare
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
23. RoCHI 2008
Instrumente
Verificarea explorării liniare a conținutului hipermedia
folosind un navigator Web cu interfață text
lynx, links
conținutul redat liniar poate fi parcurs facil
via un browser vocal
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
25. RoCHI 2008
Instrumente
Evaluarea accesibilității siturilor Web
HTML Validator
extensie Firefox + serviciu disponibil pe Web
http://users.skynet.be/mgueury/mozilla/
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
26. RoCHI 2008
Instrumente
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
27. RoCHI 2008
Instrumente
Evaluarea accesibilității siturilor Web
Web Developer
extensie Firefox
www.chrispederick.com/work/web‐developer/
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
31. RoCHI 2008
Instrumente
Evaluarea accesibilității siturilor Web
AIS Accesibility Toolbar
Hermish
IBM Home Page Reader
Vischeck
webaim.org/resources/
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
32. RoCHI 2008
Instrumente
Evaluarea accesibilității siturilor Web
extensii Firefox utile:
Accessibar
Fangs Screen Reader Emulator
Small Screen Renderer
Speak It
FoxyVoice
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
33. RoCHI 2008
Instrumente
Evaluarea accesibilității siturilor Web
facilități oferite de alte navigatoare
(e.g., Opera, Konqueror, Safari):
Content Blocker
Keyboard Shortcuts
Mouse Gestures & Voice
Zoom
Text size and colors
Small‐screen mode & Full‐screen mode
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
34. RoCHI 2008
Instrumente
Google Accessible Search
http://labs.google.com/accessible/
Opera Mini Simulator
http://www.operamini.com/demo/
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
35. RoCHI 2008
Instrumente
Testarea accesibilității siturilor Web
Selenium
extensie Firefox
www.openqa.org/selenium‐ide/
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
36. RoCHI 2008
Metodologie
WSDM – Web Site Design Method
detectarea automată a problemelor privind suportul
acordat persoanelor cu nevoi speciale
P. Plessers et al., „Accessibility: A Web Engineering
Approach”, Proceedings of WWW 2005, ACM Press, 2005
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
37. RoCHI 2008
Studiu de caz
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
38. RoCHI 2008
Studiu de caz
inhibarea afişării imaginilor
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
39. RoCHI 2008
Studiu de caz
inhibarea utilizării stilurilor CSS
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
40. RoCHI 2008
Studiu de caz
folosirea unui browser text: lynx
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
41. RoCHI 2008
Studiu de caz
recurgerea la un screen reader
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
42. RoCHI 2008
Concluzii
Utilizatorii folosesc Web‐ul în maniere variante
nu trebuie proiectat situl Web de dragul tehnologiei, ci având
în vedere publicul‐țintă, inclusiv persoanele cu nevoi speciale
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
43. RoCHI 2008
Concluzii
Respectarea reglementarilor privind accesibilitatea
conduce la o utilizabilitate mai bună a sitului Web
satisfacția persoanelor vârstnice
regăsirea mai facilă a informațiilor
SEO (Search Engine Optimization)
creşterea calității siturilor Web
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
44. RoCHI 2008
Discuții…
Care este cel mai important aspect de care trebuie
să ținem cont în realizarea unui sit accesibil?
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
45. RoCHI 2008
Discuții…
În ce manieră reglementările privind accesibilitatea
Web afectează utilizabilitatea generală
şi utilizatorii fără nevoi speciale?
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
46. RoCHI 2008
Discuții…
Recurgerea la şabloane de proiectare
(design patterns) are efecte în ceea ce priveşte
accesibilitatea siturilor Web?
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
47. RoCHI 2008
Mulțumiri
Părți din această prezentare se bazează
pe contribuții ale colaboratorilor noştri
Sergiu Dumitriu şi Ecaterina Valică
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
48. RoCHI 2008
Accesibilitatea Web:
de la aspecte generale
la reglementări actuale şi studii de caz
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
49. RoCHI 2008
Mulțumiri pentru atenție!
?
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco