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!

?