RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Considerații privind accesibilitatea Web
Sabin‐Corneliu BuragaUniversitatea “A. I. Cuza” din Iaşi, Romania
Facultatea de Informatică
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Cuprins
Accesibilitate WebLegislație şi reglementări
InstrumenteStudii de caz
Concluzii & discuții
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Accesibilitate
accesul cu succes la informații şi tehnologia informației de către persoanele
cu nevoi speciale:vizualeauditivemotoriicognitive
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Accesibilitate
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Accesibilitate Web
20% din populația planetei prezintă o anumită categorie de dizabilitate
conform WebAIM –Web Accessibility in Mind, 2008
webaim.org
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Accesibilitate
Dizabilități:
temporare – de scurtă sau lungă durată
permanente (unele pot proveni de la naştere)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Web‐ul a devenit ubicuu
Accesibilitate Web
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Accesibilitate Web
“The power of the Web is in its universality.Access by everyone regardless of disability
is an essential aspect.”
Tim Berners‐Leecreatorul Web‐ului şi directorul Consorțiului Web
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Accesibilitate Web
Utilizatorii cu dizabilități întâmpină în continuare dificultăți în accesarea/interacțiunea cu siturile Web
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Accesibilitate Web
Bariere în calea accesibilității – realități:ordinea redării conținutului – reading ordermarcaje demodate (deprecated markup)dimensiuni fixe ale corpului de literă
marcaje privind datele tabelare folosite pentru formatareacronime & abrevieri neexplicateconținut textual inclus în imagini
documente care nu pot fi validate conform standardelorfolosirea de marcaje proprietare
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Accesibilitate Web
Bariere în calea accesibilității – realități:parcurgerea neliniară a conținutului
interacțiunea precară cu formularele Webneindicarea 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
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Legislație şi reglementări
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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/
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Suport legislativ
WCAG (Web Content Accessibility Guidelines)
www.w3.org/TR/WCAG20/
reguli privind accesibilitatea conținutului Web, structurate pe priorități
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Suport legislativ
Strategii generale:
utilizarea descrierilor alternative ale conținutului multimedia (imagini, audio, video)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Suport legislativ
Strategii generale:
organizarea conținutului şi mijloacelor de navigare
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Suport legislativ
Strategii generale:
oferirea de suport de interacțiune via tastatură
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Suport legislativ
Strategii generale:
utilizarea de formate standardizate
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Suport legislativ
Aspecte de interes:
siturile Web – conținutul disponibilaplicațiile Web – funcționalitățile oferite
navigatoarele Webprogramele de redare a conținutului multimediainstrumentele de creare a conținutului (authoring)
tehnologiile Web actuale & viitoare
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Instrumente
Evaluarea accesibilității siturilor Web
HTML Validatorextensie Firefox + serviciu disponibil pe Web
http://users.skynet.be/mgueury/mozilla/
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Instrumente
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Instrumente
Evaluarea accesibilității siturilor Web
Web Developerextensie Firefox
www.chrispederick.com/work/web‐developer/
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Instrumente
Evaluarea accesibilității siturilor Web
WAVE –Web Accesibility Evaluation Toolserviciu Web + extensie Firefox
http://wave.webaim.org/
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Instrumente
Evaluarea accesibilității siturilor Web
AIS Accesibility ToolbarHermish
IBM Home Page ReaderVischeck
webaim.org/resources/
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Instrumente
Evaluarea accesibilității siturilor Web
extensii Firefox utile:Accessibar
Fangs Screen Reader EmulatorSmall Screen Renderer
Speak ItFoxyVoice
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Instrumente
Evaluarea accesibilității siturilor Web
facilități oferite de alte navigatoare(e.g., Opera, Konqueror, Safari):
Content BlockerKeyboard Shortcuts
Mouse Gestures & VoiceZoom
Text size and colorsSmall‐screenmode & Full‐screen mode
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Instrumente
Google Accessible Searchhttp://labs.google.com/accessible/
Opera Mini Simulatorhttp://www.operamini.com/demo/
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Instrumente
Testarea accesibilității siturilor Web
Seleniumextensie Firefox
www.openqa.org/selenium‐ide/
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Studiu de caz
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Studiu de caz
inhibarea afişării imaginilor
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Studiu de caz
inhibarea utilizării stilurilor CSS
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Studiu de caz
folosirea unui browser text: lynx
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Studiu de caz
recurgerea la un screen reader
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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țiilorSEO (Search Engine Optimization)
creşterea calității siturilor Web
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Discuții…
Care este cel mai important aspect de care trebuie să ținem cont în realizarea unui sit accesibil?
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Discuții…
În ce manieră reglementările privind accesibilitatea Web afectează utilizabilitatea generală
şi utilizatorii fără nevoi speciale?
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Discuții…
Recurgerea la şabloane de proiectare(design patterns) are efecte în ceea ce priveşte
accesibilitatea siturilor Web?
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Mulțumiri
Părți din această prezentare se bazează pe contribuții ale colaboratorilor noştri Sergiu Dumitriu şi Ecaterina Valică
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Accesibilitatea Web: de la aspecte generale
la reglementări actuale şi studii de caz
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Mulțumiri pentru atenție!
?