Presentation is loading. Please wait.

Presentation is loading. Please wait.

© 2007 IBM Corporation IBM Emerging Technologies Enabling an Accessible Web 2.0 Becky Gibson Web Accessibility Architect.

Published by Modified over 9 years ago

Similar presentations

Presentation on theme: "© 2007 IBM Corporation IBM Emerging Technologies Enabling an Accessible Web 2.0 Becky Gibson Web Accessibility Architect."— Presentation transcript:

1 © 2007 IBM Corporation IBM Emerging Technologies Enabling an Accessible Web 2.0 Becky Gibson Web Accessibility Architect

2 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 2  Web 2.0 Overview  Web 2.0 Accessibility Concerns  Addressing Web 2.0 Accessibility –Technologies –Tooling –Testing  Demo  Summary Agenda

3 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 3 What is Web 2.0?  Dynamic –Incremental updates, multimedia  Interactive –Maps, web services  Collaborative –Wikis, blogs –Crowdsourcing – http://www.istockphoto.comhttp://www.istockphoto.com –Collective intelligence –Amazon Mechanical Turk - http://www.mturk.com/mturk/welcomehttp://www.mturk.com/mturk/welcome –Digg - http://www.digg.com/newshttp://www.digg.com/news –del.icio.us - http://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

4 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 4 Google Maps

5 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 5 iStockPhoto

6 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 6 Web 2.0 Technologies  JavaScript  CSS – Cascading Style Sheets  Ajax – Asynchronous JavaScript and XML  Multimedia

7 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 7 Yahoo! – February 29, 2000

8 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 8 Yahoo! – May 2, 2007

9 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 9 AOL – February 29, 2000

10 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 10 AOL – May 2, 2007

11 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 11 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

12 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 12 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

13 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 13 Updated Web Technologies - ARIA  Allows creation of rich user interface components  Full keyboard navigation  Non-intrusive notification of updated content

14 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 14 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

15 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 15 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

16 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 16 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

17 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 17 ARIA Demo Available at http://www.weba11y.com/AjaxDemo/sample.htmlhttp://www.weba11y.com/AjaxDemo/sample.html

18 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 18 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

19 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 19 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

20 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 20 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…..

21 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 21 Dojo  Open Source JavaScript Toolkit –“Easy” Ajax –Data Binding –Full event system –Browser abstraction layer –User Interface Widgets –Dual Licensed –Academic Free License v2.1Academic Free License v2.1 –BSD LicenseBSD License

22 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 22 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

23 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 23 Dojo Demo

24 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 24 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

25 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 25 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

26 IBM Emerging Technologies Enabling an Accessible Web 2.0 | May 2007 © 2007 IBM Corporation 26 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

Download ppt "© 2007 IBM Corporation IBM Emerging Technologies Enabling an Accessible Web 2.0 Becky Gibson Web Accessibility Architect."

Similar presentations

UBIQUITY V3 An extensible platform for creating dynamic, customized, and geocentric native mobile applications.

UBIQUITY V3 An extensible platform for creating dynamic, customized, and geocentric native mobile applications.
AJAX Development By Gary Mandela December 26, 2006 www.ClevelandDotNet.info.

AJAX Development By Gary Mandela December 26,
Fawaz Ghali AJAX: Web Programming's Toy.

Fawaz Ghali AJAX: Web Programming's Toy.
Web 2.0 Accessibility Section 508 Coordinators Training Conference Rich Schwerdtfeger DE, SWG Accessibility Strategy and Architecture Chair: W3C WAI-ARIA.

Web 2.0 Accessibility Section 508 Coordinators Training Conference Rich Schwerdtfeger DE, SWG Accessibility Strategy and Architecture Chair: W3C WAI-ARIA.
Antranig Basman, CARET, University of Cambridge Aaron Zeckoski, CARET, University of Cambridge Josh Ryan, Arizona State University Colin Clark, Adaptive.

Antranig Basman, CARET, University of Cambridge Aaron Zeckoski, CARET, University of Cambridge Josh Ryan, Arizona State University Colin Clark, Adaptive.
® IBM Software Group © 2007 IBM Corporation Accessible Rich Internet Applications and Online Services Rich Schwerdtfeger IBM Distinguished Engineer, Chair.

® IBM Software Group © 2007 IBM Corporation Accessible Rich Internet Applications and Online Services Rich Schwerdtfeger IBM Distinguished Engineer, Chair.
AJAX Presented by: Dickson Fu Dimas Ariawan Niels Andreassen Ryan Dial Jordan Nielson CMPUT 410 University of Alberta 2006.

AJAX Presented by: Dickson Fu Dimas Ariawan Niels Andreassen Ryan Dial Jordan Nielson CMPUT 410 University of Alberta 2006.
Igor Gershovich Connected Testing, Inc. www.connectedtesting.com.

Igor Gershovich Connected Testing, Inc.
Presented by IBM developer Works ibm.com/developerworks/ 2006 January – April © 2006 IBM Corporation. Making the most of Creating Eclipse plug-ins.

Presented by IBM developer Works ibm.com/developerworks/ 2006 January – April © 2006 IBM Corporation. Making the most of Creating Eclipse plug-ins.
It’s always better live. MSDN Events Developing ASP.NET AJAX Controls with Silverlight.

It’s always better live. MSDN Events Developing ASP.NET AJAX Controls with Silverlight.
Development of mobile applications using PhoneGap and HTML 5

Development of mobile applications using PhoneGap and HTML 5
® IBM Software Group © 2006 IBM Corporation W3C Roadmap for ARIA … and beyond Rich Schwerdtfeger IBM Distinguished Engineer, Chair W3C WAI PF ARIA Subteam.

® IBM Software Group © 2006 IBM Corporation W3C Roadmap for ARIA … and beyond Rich Schwerdtfeger IBM Distinguished Engineer, Chair W3C WAI PF ARIA Subteam.
© 2006 by IBM 1 How to use Eclipse to Build Rich Internet Applications With PHP and AJAX Phil Berkland IBM Software Group Emerging.

© 2006 by IBM 1 How to use Eclipse to Build Rich Internet Applications With PHP and AJAX Phil Berkland IBM Software Group Emerging.
Prof. James A. Landay University of Washington Spring 2008 Web Interface Design, Prototyping, and Implementation Rich Internet Applications: AJAX, Server.

Prof. James A. Landay University of Washington Spring 2008 Web Interface Design, Prototyping, and Implementation Rich Internet Applications: AJAX, Server.
Scripted, Tab Accessible Tree Control Hierarchical view of data via tree control. Keyboard Navigation from initially closed tree to view above with focus.

Scripted, Tab Accessible Tree Control Hierarchical view of data via tree control. Keyboard Navigation from initially closed tree to view above with focus.
Accessibility for Rich Internet Applications: Colin Clark, Fluid Project Technical Lead, Adaptive Technology Resource Centre Techniques & Toolkits.

Accessibility for Rich Internet Applications: Colin Clark, Fluid Project Technical Lead, Adaptive Technology Resource Centre Techniques & Toolkits.
An Introduction to WAI-ARIA Dan Jackson Web Team Leader City University London.

An Introduction to WAI-ARIA Dan Jackson Web Team Leader City University London.
© 2008 IBM Corporation Emerging Internet Technologies Real World Accessibility with ARIA Becky Gibson Web Accessibility Architect.

© 2008 IBM Corporation Emerging Internet Technologies Real World Accessibility with ARIA Becky Gibson Web Accessibility Architect.
DHTML. What is DHTML?  DHTML is the combination of several built-in browser features in fourth generation browsers that enable a web page to be more.

DHTML. What is DHTML?  DHTML is the combination of several built-in browser features in fourth generation browsers that enable a web page to be more.
JavaScript and The Document Object Model MMIS 656 Web Design Technologies Acknowledgements: 1.Notes from David Shrader, NSU GSCIS 2.Some material adapted.

JavaScript and The Document Object Model MMIS 656 Web Design Technologies Acknowledgements: 1.Notes from David Shrader, NSU GSCIS 2.Some material adapted.

Similar presentations

Ads by Google