Web Accessibility Issues from the User Perspective Jenny Craven, Research Associate Centre for Research In library and Information Management (CERLIM)

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
Adapting Technology Changing Lives Web accessibility Web accessibility and Disability A Practical introduction Robin Christopherson and Curt Holst AbilityNet.
Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.
Universal Accessibility in Web Survey Design: Practical Guidelines for Implementation 2010 FedCASIC Conference March 18, 2010 Holly H. Matulewicz ● Jeff.
Web Accessibility Web Services Office of Communications.
2/23/ Enterprise Web Accessibility Standards Version 2.0 WebMASSters Presentation 2/23/2005.
Brought to you by the UCSB Web Standards Group (WSG)
PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes.
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.
PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.
Web Accessibility Rick Ells UW Computing & Communications.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Web Accessibility Issues. Why Consider Access Issues ? Discrimination Numbers of disabled students in HE likely to increase Sites designed for the disabled.
Review an existing website Usability in Design. to begin with.. Meeting Organization’s objectives and your Usability goals Meeting User’s Needs Complying.
Kathy Gips Will Miller New England ADA & Accessible IT Center voice/tty Funded by the National Institute on Disability.
2015/16 INTRODUCTION TO THE SFE QUICK START GUIDES Instructions for Hosting and Sharing.
Designing for Disabled Users.  p?vid=35 p?vid=35.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Systems Analysis and Design in a Changing World, 6th Edition
WEBINAR SERIES: ACCESSIBLE INTERACTIVE DOCUMENTS Week 3: Accessible Web Forms Norman Coombs
Assistive Technology and Web Accessibility University of Hawaii Information Technology Services Jon Nakasone.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Testing for Accessibility and Usability Is Your Site Accessible and Usable or Just Conformant?
Systems Analysis and Design in a Changing World, 6th Edition
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.
Evaluation of Products for Accessibility: The CUDA Lab at CSULB and Technical Evaluation at the Campus Level Fred Garcia and Shawn Bates.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
COMM1PCOMM1P Alan Woolrych Accessibility 9 COMM1P9COMM1P9 SCET MSc EC/ECA © Alan Woolrych 2001 Introduction Accessibility “Making Content Available to.
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
Website Accessibility Testing. Why consider accessibility People with disabilities – Visual, Hearing, Physical, Cognitive (learning, reading, attention.
Web Accessiblity Carol Gordon SIU Medical Library.
1 © Netskills Quality Internet Training, University of Newcastle Web Page Design © Netskills, Quality Internet Training University.
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.
Emily Gibson The College of New Jersey An Evaluation of Current Software Tools* Evaluation & Repair Software.
Website Accessibility. What is Website Accessibility? Making information on the internet usable and understandable for EVERYONE, including those with.
MULTIMEDIA DEFINITION OF MULTIMEDIA
12 Developing a Web Site Section 12.1 Discuss the functions of a Web site Compare and contrast style sheets Apply cascading style sheets (CSS) to a Web.
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
1 Testing Web site Accessibility Review of disabilities, legislation & techniques.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
User Interface Development Target or Specific User Groups.
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: An Introduction to Web Accessibility.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
COMP 143 Web Development with Adobe Dreamweaver CC.
 Accessibility & Information Architecture Presented by Liz Molleur INF385E April 5 th, 2009.
Making the Most of PDFs PDF (portable document format) is a file format developed by Adobe Systems. PDFs make it possible to send documents with original.
2 |2 | Overview of the presentation What is disability? What is the global situation for persons with disabilities? What is accessibility? What is ICT.
Accessibility is not boring or difficult. It’s the right thing to do. Benjy Stanton.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
Instructions for Hosting and
Web-based structures, links and testing
Human Computer Interaction Lecture 21,22 User Support
Making the Web Accessible to Impaired Users
Manchester Metropolitan University
Introduction to Web Accessibility
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Unit 14 Website Design HND in Computing and Systems Development
Lakeshore Public Schools
International University of Japan
Web Standards and Accessible Design.
Demystifying Web Content Accessibility Guidelines
Accessibility.
Presentation transcript:

Web Accessibility Issues from the User Perspective Jenny Craven, Research Associate Centre for Research In library and Information Management (CERLIM) Manchester Metropolitan University

Introduction – awareness of the following? Web accessibility and/or Web usability Design for All – Universal Design W3C/WAI Web Content Accessibility Guidelines (WCAG) PAS 78: Guide to good practice in commissioning accessible websites Jakob Nielsen’s Usability Heuristics

What is accessibility? Ensuring systems and interfaces can be visited, understood and interacted with by all users through: Access to hardware and software Use of appropriate assistive technology Ensuring information can be interpreted by the user and the technology.

What is accessibility? Accessibility between technologies –o/s – application – assistive technology Accessibility between technology and humans –o/s – application – AT – user (interface) Accessibility between humans and the context where technology is used –e.g. interlending transactions Source: Holbye, S. T4P conference, Kristiansand Norway. June

Typical Web Interface

HTML, XML and CSS Coding

Potential accessibility and usability issues

Why make information accessible? Information increasingly being provided in electronic formats via PCs, smart phones, TV, hand held computers etc The business case: accessibility = commercial success Inclusive society - information for all Legislation e.g. UK Disability Discrimination Act, 1995, SENDA, 2001, Disability Duty, 2006

From a user perspective, it helps people ……….. With disabilities e.g. visual, mobility, learning, hearing. Working in a noisy environment Using a PC with a slow connection Using small screen web-based devices e.g. smart phones, hand-held computers etc Accessible design helps people to independently access and interact with web-based content

Alternative ways to access web services Assistive, Adaptive, Access Technology: Screen readers Magnifiers Scanners Braille output Voice recognition Alternative mouse devices Also: Mobile and Handheld access

Accessible Web Design Based on W3C/WAI Recommendations: Text descriptions for all images and sound Contrasting colours Plain fonts Adjustable font sizes Properly labelled frames and tables Appropriate text for hypertext links (avoid ‘click here’) Alternatives for scripts, applets, plug-ins etc. Use of Accessible Style Sheets (CSS) Source:

Usability issues Unambiguous language Clear and consistent layout Logical navigation of forms, search screens etc Warning of new windows opening User control, e.g. to adjust screen display Dynamic interaction: online chat, quizzes, Web 2.0

Web Accessibility in Context: Some relevant inter lending issues Access to library materials: –Library website and catalogue –Online databases Inter lending request forms: –Downloadable –Online Other issues: –Online payments –Electronic document delivery –Notification – , text messaging –Digital signatures

Access to Library Materials Library website and catalogue –Adhere to web accessibility guidelines and recommendations –Terminology should be meaningful to general public –Avoid repeated link descriptions to different targets –Cut down on multiple links to the same place –Avoid over use of acronyms External resources –Is there a policy for the selection of external resources? –Are there guidelines for selection of accessible resources? –Are users provided with a description of how best to access the resource as well as resource description? E-materials (to be covered in other presentations)

Interlending Request Forms Downloading forms Problems: –PDF can be inaccessible, can lead to… –Loss of independence –Confusing presentation/download instructions Online request forms Problems: –No logical order when using Tab key –Poor navigation when using drop-down menus –Form labels (e.g. name) not placed next to form element (e.g. edit box) –Mouse dependent

Interlending Request Forms Downloading forms Solutions: –Accessible PDF (tagged for navigation) –Providing choices (PDF, Word, HTML, etc) –Clear presentation/download instructions Online request forms Solutions: –Keyboard accessible, logical, easy to use –Adhere to guidelines on creating accessible online forms; conduct user testing –Reporting mechanism for problems ( , telephone, online etc)

Example of an online form

Other issues Online payments – similar to online form issues Electronic document delivery (covered in other presentations) Notification – , text messaging - similar to web accessibility issues (but on a small screen) Digital signatures – un-resolved?

User Perspective (1) Present information in a logical order, using simple and relevant language Keep users informed about what is going on e.g. if they need to go back to complete a field, if they have to click on a copyright agreement box, the number of pages in a form Follow standard conventions e.g. terminology, order of information, command buttons (search, submit) Give users choices e.g. download options, screen display Adapted from:

User Perspective (2) Error prevention – ask users to confirm important actions before submitting Provide helpful error messages e.g. an example of how a date or ISBN number should be submitted Make objects, actions and options visible so the user doesn’t have to remember them e.g. provide a breadcrumb trail to allow them to track back; consistent layout Simple design Helpful help documentation! Adapted from:

Simple Evaluation: Look and feel – colours, language, terminology, structure Look for good navigational aids, e.g. search facility, return to home page Adjustable font sizes and styles Choice of downloadable forms Navigating around online forms using Tab key

Other ways to evaluate Automated checking tools: WebXact, WAVE, Cynthia Says Validation e.g. HTML Tidy Expert testing Accessibility and Usability Audits User testing See also: W3C/WAI Evaluating Web Sites:

Conclusion 'Design for all' can be difficult to achieve – be prepared to prioritise Evaluate your website using a combination of manual and automated tools, but also…. … Include users in your assessments and feedback mechanisms Participate in accessibility related discussion groups and forums Take advantage of all the free advice and guideance available…

Advice on accessibility/usability World Wide Web Consortium - Web Accessibility Initiative: PAS 78: gb.org/library/website_accessibility_guidance/pas_ 78.aspx Jakob Nielsen’s Usability website: it.com Just Ask: Integrating Accessibility Throughout Design (includes usability issues): CERLIM research on accessibility and usability: accessib.php

Jenny Craven, Research Associate Centre for Research In library and Information Management (CERLIM) Manchester Metropolitan University