accesibilitatea web
TRANSCRIPT
![Page 1: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/1.jpg)
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ă
![Page 2: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/2.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Cuprins
Accesibilitate WebLegislație şi reglementări
InstrumenteStudii de caz
Concluzii & discuții
![Page 3: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/3.jpg)
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
![Page 4: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/4.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Accesibilitate
![Page 5: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/5.jpg)
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
![Page 6: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/6.jpg)
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)
![Page 7: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/7.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Web‐ul a devenit ubicuu
Accesibilitate Web
![Page 8: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/8.jpg)
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
![Page 9: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/9.jpg)
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
![Page 10: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/10.jpg)
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)
![Page 11: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/11.jpg)
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
![Page 12: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/12.jpg)
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
![Page 13: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/13.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Legislație şi reglementări
![Page 14: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/14.jpg)
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
![Page 15: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/15.jpg)
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/
![Page 16: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/16.jpg)
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
![Page 17: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/17.jpg)
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)
![Page 18: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/18.jpg)
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)
![Page 19: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/19.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Suport legislativ
Strategii generale:
organizarea conținutului şi mijloacelor de navigare
![Page 20: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/20.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Suport legislativ
Strategii generale:
oferirea de suport de interacțiune via tastatură
![Page 21: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/21.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Suport legislativ
Strategii generale:
utilizarea de formate standardizate
![Page 22: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/22.jpg)
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
![Page 23: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/23.jpg)
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
![Page 24: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/24.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
![Page 25: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/25.jpg)
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/
![Page 26: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/26.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Instrumente
![Page 27: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/27.jpg)
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/
![Page 28: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/28.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
![Page 29: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/29.jpg)
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/
![Page 30: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/30.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
![Page 31: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/31.jpg)
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/
![Page 32: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/32.jpg)
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
![Page 33: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/33.jpg)
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
![Page 34: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/34.jpg)
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/
![Page 35: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/35.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Instrumente
Testarea accesibilității siturilor Web
Seleniumextensie Firefox
www.openqa.org/selenium‐ide/
![Page 36: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/36.jpg)
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
![Page 37: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/37.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Studiu de caz
![Page 38: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/38.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Studiu de caz
inhibarea afişării imaginilor
![Page 39: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/39.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Studiu de caz
inhibarea utilizării stilurilor CSS
![Page 40: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/40.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Studiu de caz
folosirea unui browser text: lynx
![Page 41: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/41.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Studiu de caz
recurgerea la un screen reader
![Page 42: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/42.jpg)
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
![Page 43: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/43.jpg)
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
![Page 44: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/44.jpg)
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?
![Page 45: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/45.jpg)
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?
![Page 46: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/46.jpg)
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?
![Page 47: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/47.jpg)
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ă
![Page 48: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/48.jpg)
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
![Page 49: Accesibilitatea Web](https://reader033.vdocuments.site/reader033/viewer/2022042614/5584274ad8b42a79568b4a69/html5/thumbnails/49.jpg)
RoCHI 2008
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Mulțumiri pentru atenție!
?