Evolution of Web Accessibility Meenakshi Sripal COMS E6125.

Slides:



Advertisements
Similar presentations
Web Accessibility Talyah Aviran Head of UI team. 2 What is Accessibility? What is accessibility to the Web and why is it important? Impact of the Web.
Advertisements

Copyright © 2009 W3C (MIT, ERCIM, Keio) Government for All: Including People with Disabilities Shadi Abou-Zahra W3C Web Accessibility Initiative (WAI)
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ADOBE® ACCESSIBILITY AT Access to Flash and PDF Matt May 25 Mar 2010 Featuring.
Workshop 1 Basics of Web Accessibility Web Content Accessibility Project Funded by BCcampus Natasha Boskic, Kirsten Bole, Nathan Hapke University of British.
Web Accessibility Web Services Office of Communications.
Web accessibility A practical introduction. Presentation title and date1 Web accessibility is about designing sites so as many people as possible can.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
1 Accessibility CSSE 376, Software Quality Assurance Rose-Hulman Institute of Technology April 16, 2007.
Online Access for all POSTGRADUATE DIPLOMA IN PUBLIC COMMUNICATION (New Media) Trinity & All Saints College April 2006 Bim Egan Web Accessibility Consultant.
Web Accessibility Rick Ells UW Computing & Communications.
The W3C Web Accessibility Initiative (WAI) Inclusive learning through technology Damien French.
Web Accessibility Issues. Why Consider Access Issues ? Discrimination Numbers of disabled students in HE likely to increase Sites designed for the disabled.
Dhananjay Bhole, Coordinator, Accessibility Research Group, Department of Education and Extension, University of Pune.
Americans with Disabilities Act Ms. Sam Wainford.
Web Accessibility John Rochford UMMS Shriver Center Director, INDEX Program Rich Caloggero WGBH National Center for Accessible Media MIT Adaptive Technology.
Designing for Disabled Users.  p?vid=35 p?vid=35.
Electronic Communication and Web Accessibility Workshop.
Debi Orton, Co-Chair NYS Forum IT Accessibility Committee.
Accessibility IS 403: User Interface Design Shaun Kane 1.
NKU Professional & Organizational Development Center Sean Ringey Web Educational Development Coordinator.
Assistive Technology and Web Accessibility University of Hawaii Information Technology Services Jon Nakasone.
Week 2 Web Site Design Principles. 2 Design for the Computer Medium Craft the look and feel Make your design portable Design for low bandwidth Plan for.
Java Application Accessibility Awareness Lawrence Najjar.
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
Unintended Consequences of ADA Requirements for Online Courses Dr. Brian Newberry California State University San Bernardino 20:23.
© 2008 Cisco Systems, Inc. All rights reserved.Cisco ConfidentialPresentation_ID 1 Accessibility for CCNA Discovery and CCNA Exploration June 2008.
ACCESS IS MORE THAN BRICK AND MORTAR: THE BASICS OF WEB SITE ACCESSIBILITY.
Technology for Students with Special Needs E.Brown Forward.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
Birkbeck University of London Business Workshop Web Accessibility Introduction and welcome.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
Website Accessibility. What is Website Accessibility? Making information on the internet usable and understandable for EVERYONE, including those with.
An Overview 1 Pamela Harrod, DMS 546/446 Presentation, March 17, 2008.
Everything in it’s right place Revisiting website accessibility Jeff Coburn Senior Web Specialist Institute for Community Inclusion.
Designing a Web Site for the Blind Opening overview Who we are Guy Ball – Kynn Bartlett – Overview.
Software Usability Course notes for CSI University of Ottawa Section 7: Accessibility - Usability for the Disabled Timothy C. Lethbridge
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Microsoft Assistive Technology Products Brought to you by... Jill Hartman.
Fundamentals of Graphic Communication 3.5 Accessible Design.
Accessibility : Designing the Interface and Navigation The Non-Designer’s Web Book Chapter 7 Robin Williams and John Tollett Presented by Sherie Loika.
Web and Mobile Accessibility in Health Information Technology Judy Brewer World Wide Web Consortium Web Accessibility Initiative Interagency Committee.
Accessibility Basics.
Some Big Concepts You Need to Know REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 3.
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: An Introduction to Web Accessibility.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
University of Sunderland CDM105 Session 3 Web Authoring Web accessibility A review of some of the current issues affecting Web design in respect to user.
2014 Accessible Websites Are Always Ugly and Other Myths Christine Ingalls, Intuit 10 October 2014 #GHC
Accessibility is not boring or difficult. It’s the right thing to do. Benjy Stanton.
Making Your Website Accessible
Making the Web Accessible to Impaired Users
How People with Disabilities Access the Web
Pamela T. Dunning, Ph.D. Troy University
Screen Reader Testing and Website Support for Beginners
Website Accessibility Enhance the UK Claire Holland
Information Architecture and Design I
Screen Reader Testing and Website Support for Beginners
Introduction to Web Accessibility
Curry School of Education
Successful Website Accessibility Testing
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Lakeshore Public Schools
International University of Japan
Web: Big Concepts Ch. 3 1/10/2019.
Information Architecture and Design I
Building your class website
Software Usability Course notes for CSI University of Ottawa
Accessibility Evaluation
Accessibility.
Presentation transcript:

Evolution of Web Accessibility Meenakshi Sripal COMS E6125

Web Accessibility is not difficult! Mostly it is common sense. Mostly it is common sense. Enables all types of users to interact with web browser using assistive technologies with ease. Enables all types of users to interact with web browser using assistive technologies with ease. Improving accessibility make the website more user- friendly and more usable. Improving accessibility make the website more user- friendly and more usable.

Facts about Web Accessibility 11 years ago (1996) – web accessibility issues began to arise with the release of HTML 3.2 Web Accessibility address the following needs: User-friendly and to decrease complexity Vision Impairment Motor and Mobility Impairment Cognitive Impairment Hearing/ Auditory Impairment Web Accessibility is also mandated by law Section 508 of the Rehabilitation Act Americans with Disabilities Act of 1990

Issues/Challenges Throughout the web era, web architectures have become more complex with the addition of graphics and animation, video and audio, and personalized interactive rich media. Throughout the web era, web architectures have become more complex with the addition of graphics and animation, video and audio, and personalized interactive rich media. Making web pages accessible can be expensive. Making web pages accessible can be expensive. Needs of different web-based assistive technologies overlooked when implementing accessibility onto a website Needs of different web-based assistive technologies overlooked when implementing accessibility onto a website

Accessibility validation tools WebXact WebXact –Popular validator –Program that validates the HTML to test accessibility –Highlights errors –Also available online: Type any URL in this website and it will give you the accessibility report and list of defects if any:

Accessibility audits Cheaper and quicker, more comprehensive than accessibility testing Cheaper and quicker, more comprehensive than accessibility testing i.e. Digital Media Access Group i.e. Digital Media Access Group – /dmag/ /dmag/ /dmag/ –Consulting group offering variety of services:  An expert in accessibility field can evaluate web site for issues and provide recommendations  Provide training workshops and seminars  Create or redesign accessibility products

Assistive Technologies Screen Readers Screen Readers Screen Magnifiers Screen Magnifiers Speech Recognition Programs Speech Recognition Programs

Screen Readers Web users with vision (blind/low) and cognitive (dyslexia) impairment benefit from this technology. Web users with vision (blind/low) and cognitive (dyslexia) impairment benefit from this technology. Transforms web page content to speech using speech synthesizer or to Braille Transforms web page content to speech using speech synthesizer or to Braille Example: IBM Home Page Reader Example: IBM Home Page Reader –Can be downloaded from: –Can read images with and without alternative text  Image with alternative text: i.e. [Previous]  Image without alternative text: displays message part of src attribute ( i.e. [Image with no alt text: image.gif] ) –Can read maps with/without alternative text  Without alternative text: displays href attribute of MAP AREA (i.e. [Map: subst/home/home.htm]) –Can read graphs and charts with alternative descriptions: i.e. [Pie Chart: 75% cars and 25% trucks] Image Description

Screen Magnifiers Web users with low vision/partial sight benefit from this technology. Web users with low vision/partial sight benefit from this technology. Magnifies certain aspects of the screen for better viewing Magnifies certain aspects of the screen for better viewing Screen magnifiers in general: Screen magnifiers in general: –Possible to make sections of the screen 1 to 16 times bigger –Provide color inversion –Provide capability to make bigger font-sized text less blurry and less thicker when enlarged Example: Super Magnify Example: Super Magnify Common Challenge: Common Challenge: –Web browsers not big enough to provide an unified view when the text is enlarged. Hidden information revealed by repetitive scrolling the horizontal bars which can cause strain for individuals.

Speech Recognition Users with motor disability benefit from this technology. Users with motor disability benefit from this technology. Remove the barrier of typing on the keyboard by talking directly into the voice-enabled web site. Remove the barrier of typing on the keyboard by talking directly into the voice-enabled web site. Example: Example: –Archimedes Project's Total Access Processor Challenge: Challenge: –Not always 100 percent accurate of speech-to-text input into web browsers –Less useful for people whose English is their 2 nd language.

System design for web accessibility Developers should incorporate and evaluate accessibility design in all 3 stages: development, implementation, and testing. source:

Web accessibility between the developers and users Authoring Tool Accessibility Guidelines (ATAG) Web Content Accessibility Guildelines (WCAG) User Agent Accessibility Guidelines (UAAG) source:

Web Accessibility Standards Web design standards Web design standards –i.e. W3C Web Accessibility Initiative (WAI) Guidelines Guidelines –i.e. User Agent Accessibility Guidelines Checklists Checklists –i.e. IBM Web accessibility checklist

Current Research the study of multimodal representations is undergoing the research to embed the dynamic configuration of web user interfaces feature to save time and energy for the user with any disability to set their preferences the study of multimodal representations is undergoing the research to embed the dynamic configuration of web user interfaces feature to save time and energy for the user with any disability to set their preferences Futuristic Ideas Design a better validation tool that addresses broad range of users Design a better validation tool that addresses broad range of users Read and interpret the mathematical expressions and equations in its entirety… Read and interpret the mathematical expressions and equations in its entirety… Design speech recognition targeting foreign people with motor problems Design speech recognition targeting foreign people with motor problems