enabling an accessible web 2.0
DESCRIPTION
Presentation from the International Cross-Disciplinary Conference on Web Accessibility 2007 on We 2.0 Technologies for enabling accessibilityTRANSCRIPT
![Page 1: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/1.jpg)
© 2007 IBM Corporation
IBM Emerging Technologies
Enabling an Accessible Web 2.0
Becky GibsonWeb Accessibility Architect
![Page 2: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/2.jpg)
2
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Web 2.0 Overview Web 2.0 Accessibility Concerns Addressing Web 2.0 Accessibility
– Technologies
– Tooling
– Testing Demo Summary
Agenda
![Page 3: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/3.jpg)
3
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
What is Web 2.0?
Dynamic– Incremental updates, multimedia
Interactive– Maps, web services
Collaborative– Wikis, blogs
– Crowdsourcing – http://www.istockphoto.com
– Collective intelligence
– Amazon Mechanical Turk - http://www.mturk.com/mturk/welcome– Digg - http://www.digg.com/news– del.icio.us - http://del.icio.us/
“Thus, mastery of architectures of participation to create real value will be essential to success in the Web of the future.” Dion Hinchcliffe
![Page 4: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/4.jpg)
4
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Google Maps
![Page 5: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/5.jpg)
5
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
iStockPhoto
![Page 6: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/6.jpg)
6
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Web 2.0 Technologies
JavaScript CSS – Cascading Style Sheets Ajax – Asynchronous JavaScript and XML Multimedia
Change in Web Technology Usage
0
10
20
30
40
50
60
70
2001 2002 2003 2004 2005 2006 2007
% U
sa
ge
JavaScript
CSS
Iframes
Frames
![Page 7: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/7.jpg)
7
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Yahoo! – February 29, 2000
![Page 8: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/8.jpg)
8
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Yahoo! – May 2, 2007
![Page 9: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/9.jpg)
9
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
AOL – February 29, 2000
![Page 10: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/10.jpg)
10
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
AOL – May 2, 2007
![Page 11: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/11.jpg)
11
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Web 2.0 Accessibility Concerns
Rich Interface controls– Reliance on Mouse
– Lack of Semantics Incremental Updates via Ajax
– Unexpected / Unaware
– Unable to locate Changes in focus Excessive Navigation Multimedia
– Lack of captioning
– Interaction issues
![Page 12: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/12.jpg)
12
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Addressing Web 2.0 Accessibility
Updated Web Technologies– Accessible Rich Internet Applications (ARIA)
– IAccessible2 Development Tools
– Integrated Development Environments
– Toolkits Testing Tools
– Rule-based Accessibility Validation Environment (RAVEN)
– Functional Web Accessibility Evaluator (FAE) Assistive Technologies
![Page 13: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/13.jpg)
13
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Updated Web Technologies - ARIA
Allows creation of rich user interface components Full keyboard navigation Non-intrusive notification of updated content
![Page 14: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/14.jpg)
14
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Need for ARIA
Navigation– All components must be keyboard Accessible
– Remove reliance on tab key navigation
Notification of updated content
Assistive Technology (AT) Support– AT work via platform accessibility APIs
– Only basic HTML elements are supported– Scripted Web content is not supported
– Assistive Technology needs to:– Know active roles of scripted user interface components– Monitor states of scripted user interface components
![Page 15: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/15.jpg)
15
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
ARIA Overview
Add role semantics to scripted user interface (UI) elements Update state information dynamically Make items focusable via tabindex attribute Add keyboard event handling
– Mimic the keyboard behavior of the rich client UI
– Minimize tab key navigation Add live region information and notification behavior* Extensible via RDF in future
*Live region support coming in Firefox 3
![Page 16: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/16.jpg)
16
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
ARIA Support
Support for HTML and XHTML Implemented in Firefox 1.5 and later versions Supported by Window-Eyes and Jaws
– Window-Eyes 5.5 or later
– Partial support in JAWS 7.1, more in JAWS 8.0
![Page 17: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/17.jpg)
17
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
ARIA Demo
Available at http://www.weba11y.com/AjaxDemo/sample.html
![Page 18: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/18.jpg)
18
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Updated Web Technologies – Accessibility APIs
Each platform has Accessibility API to communicate with AT– Accessibility ToolKit (ATK) for GNOME
– Java Accessibility API
– Microsoft Active Accessibility (MSAA) for Windows
– UI Automation for Vista MSAA created many years ago
– No access to advanced functionality
– ATs rely on off-screen models and private application APIs
![Page 19: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/19.jpg)
19
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Updated Web Technologies – IAccessible2
Extends MSAA to add missing functionality–rich text, tables, relations
–ARIA Live Regions Harmonizes with newer APIs of Java and Linux Interface donated to The Linux Foundation as
Open Standard Will be implemented in Firefox 3 Being integrated into Eclipse
![Page 20: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/20.jpg)
20
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Development Tools
Web Toolkits– Dojo
– Scriptaculous
– Prototype
– Google Web Toolkit (GWT)
– Yahoo! User Interface (YUI)
– More….. Integrated Development Environments
– Rational Web Developer
– Ajax Toolkit Framework
– More…..
![Page 21: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/21.jpg)
21
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Dojo
Open Source JavaScript Toolkit– “Easy” Ajax
– Data Binding
– Full event system
– Browser abstraction layer
– User Interface Widgets
– Dual Licensed– Academic Free License v2.1 – BSD License
![Page 22: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/22.jpg)
22
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Dojo 1.0 Core Widgets (Dijit)
Fully Accessible via ARIA Techniques Internationalized Standard Look and Feel Developer Documentation
– API– User Manual
Supported Browsers– Firefox 2.0– IE 6+– Safari (latest)
Data Binding– Tree, Grid, Select
![Page 23: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/23.jpg)
23
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Dojo Demo
![Page 24: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/24.jpg)
24
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Accessibility Testing Tools
Test against published standards Many tools evaluate the “over the wire” HTML
– Bobby from Watchfire
– WebKing from Parasoft
– More … Difficult to evaluate server side technologies Issues with dynamic Web 2.0 content Need more interactive solutions
![Page 25: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/25.jpg)
25
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
RAVEN Rule-based Accessibility Validation ENvironment
Set of Eclipse plug-ins Originally developed for validating Java GUIs
– Java AWT and Swing
– Eclipse SWT Integrates accessibility testing into development environment Operates via an XML based set of rules Supports Validation of Dynamic HTML
– Uses IAccessible2 Being updated to support ARIA
![Page 26: Enabling an Accessible Web 2.0](https://reader035.vdocument.in/reader035/viewer/2022070304/54b94b004a795968258b456b/html5/thumbnails/26.jpg)
26
IBM Emerging Technologies
Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation
Summary
Web 2.0 is dynamic and constantly evolving Accessibility of Web 2.0 is possible through
– Updated Technologies
– Toolkits and Development Environments
– Testing Tools