A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: An Introduction to Web Accessibility.

Slides:



Advertisements
Similar presentations
A centre of expertise in digital information managementwww.ukoln.ac.uk A Holistic Approach To Web Usability, Accessibility And Interoperability: A Holistic.
Advertisements

ADA Compliant Websites & Documents What the heck am I supposed to do?
Web Accessibility Web Services Office of Communications.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
EASI Equal Access to Software and Information EASI is the premier provider of online training about accessible information technology.
Standards & Accessibility DMFD. Digital Media: Communication and DesignF2007 Comments Homepage  Requirement: include photo in index.html (today’s.
Online Access for all POSTGRADUATE DIPLOMA IN PUBLIC COMMUNICATION (New Media) Trinity & All Saints College April 2006 Bim Egan Web Accessibility Consultant.
Issues related to the development of accessible web sites Steven Builta October 2002.
Web Accessibility Rick Ells UW Computing & Communications.
Web Accessibility Issues. Why Consider Access Issues ? Discrimination Numbers of disabled students in HE likely to increase Sites designed for the disabled.
IV. “Regular” Web Pages: HTML A Web Accessibility Primer: Usability for Everyone Office of Web Communications.
Web Accessibility IS 373—Web Standards Todd Will.
A centre of expertise in digital information managementwww.ukoln.ac.uk Web Site Accessibility: Implementation Challenges Brian Kelly UKOLN University of.
+ What is Web Accessibility? Web accessibility means that people with disabilities can use the Web. More specifically, Web accessibility means that people.
Web Design Part 2 Page Size, Screen Layout and Content.
 What is web accessibility? ture=relatedhttp://
Universal Design & Web Accessibility Iain Murray Kerry Hoath Iain Murray Kerry Hoath.
Electronic Communication and Web Accessibility Workshop.
Debi Orton, Co-Chair NYS Forum IT Accessibility Committee.
Assistive Technology and Web Accessibility University of Hawaii Information Technology Services Jon Nakasone.
Web design. Content Authoring Web pages: tools and techniques Web design Usability Accessibility Future: Device independent Web Summary.
© Simeon Keates 2008 Usability with Project Lecture 7 – 30/09/09 Dr. Simeon Keates.
1 American with Disabilities Act (ADA) Web Site Compliance: Are Pharmacy Web Sites Accessible? Ellen R. Cohn Gary Stoehr Ashli Molinero University of Pittsburgh.
Nov 4, 2002K. Smale - Section 5081 Section 508 What it means for you, the HEASARC and LHEA web developer.
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
Web Accessibility and You A Web Validation Saga.
Website Accessibility Testing. Why consider accessibility People with disabilities – Visual, Hearing, Physical, Cognitive (learning, reading, attention.
Web Accessiblity Carol Gordon SIU Medical Library.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: Flash For Web Sites: Good, Bad Or Ugly?
Is Your Site Accessible? Web Site Testing for Accessibility Presented by: The NYS Forum IT Accessibility Committee The NYS Forum Webmasters Guild Northeast.
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.
Access for all Why it’s important to make accessibility an integral part of your website design Donna Smillie Best Practice Officer (Accessible Websites)
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility Testing Brian Kelly UKOLN University of Bath Bath, BA2 7AY
Accessibility Catchup & Required re-do's of projects Sorting and column example W3I quick tips, sources HW: Screen reader exercise. Majors.
Web Accessibility Web Accessibility Committee Memorial University of Newfoundland Presentation to Webdays 2005.
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
A centre of expertise in digital information managementwww.ukoln.ac.uk Building accessible and useable websites Penny Garrod UKOLN University of Bath Bath,
A centre of expertise in digital information managementwww.ukoln.ac.uk Making Effective Use Of Benchmarking Tools Brian Kelly UKOLN University of Bath.
A centre of expertise in digital information managementwww.ukoln.ac.uk Web Accessibility: Limitations Of Conventional Approaches Brian Kelly UKOLN University.
1 Testing Web site Accessibility Review of disabilities, legislation & techniques.
Is Your Site Accessible? Validating Your Web Site.
1 Web Developer Foundations: Using XHTML Chapter 7 Web Site Design.
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.
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: Accessibility 'Gotchas' Brian Kelly UKOLN.
A centre of expertise in digital information managementwww.ukoln.ac.uk Quality Assurance For Museum Web Sites: Approaches To Checking Brian Kelly UKOLN.
A centre of expertise in digital information managementwww.ukoln.ac.uk UKOLN is supported by: This work is licensed under a Attribution- NonCommercial-ShareAlike.
A centre of expertise in digital information managementwww.ukoln.ac.uk Web Site Accessibility: Looking At Our Communities Brian Kelly UKOLN University.
Web Accessibility. It’s Happening Here Agenda Web Accessibility –What is it? –What are the types of disabilities? –Why is it important to you as a provider?
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.
Accessibility of services on the web. Table of contents Statistics Definitions Different kinds of disabilities Solutions for accessibility.
The User Experience “Keeping Web Accessibility In Mind” Video available online at:
Accessibility Basics on creating accessible websites Accessibility Seth Duffey presentation for MAG Telecommunications.
1 Making an Accessible Web Site Sec 508 Standards – How Tos Evelyn Li University of Wisconsin-Fox Valley.
1 Web Site Usability Motivations of Web site visitors include: –Learning about products or services that the company offers –Buying products or services.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
Designing Accessible Web Content
Making the Web Accessible to Impaired Users
Introduction to Web Accessibility
Creating ADA Compliant Resources
Writing Good Web Pages: Do’s and Don’ts
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Web Programming– UFCFB Lecture 3
Page Size, Screen Layout and Content
ADA Compliant Website & Documents
Building your class website
DIGITAL ACCESSIBILITY OVERVIEW
Introduction to Web Accessibility
Accessible Design Top 10 List
Presentation transcript:

A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: An Introduction to Web Accessibility Brian Kelly UKOLN University of Bath Bath URL UKOLN is supported by:

A centre of expertise in digital information managementwww.ukoln.ac.uk Background To The Web World Wide Web developed by Tim Berners-Lee to: Provide universal access to digital resources Avoid problems of  Device dependencies: data islands on PCs, Apple Macintoshes, Unix systems, …  Application dependencies: data islands between MS Word, WordPerfect, Wordstar, … users)  Vendor dependencies: monopoly stifling competition and raising prices; patent holders seeking licence fees (cf. GIF)  User dependencies: data islands due to disabilities – e.g. visual impairments, hearing impairments, lack of motor skills, …

A centre of expertise in digital information managementwww.ukoln.ac.uk Background To Web Accessibility "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect." Tom Berners-Lee, W3C (the consortium responsible for Web standards) set up WAI (Web Accessibility Initiative) to enhance accessibility of the Web. Key deliverables include: Web Content Accessibility Guidelines (WCAG): guidelines on creating accessible resources Authoring Tool Accessibility Guidelines (ATAG): guidelines on writing authoring tools which will help to create accessible resources User Agent Accessibility Guidelines (UAAG): guidelines on writing browsers which provide accessibility support

A centre of expertise in digital information managementwww.ukoln.ac.uk Quick Tips For Web Accessibility Images & animations: Use the alt attribute to describe the function of each visual. Image maps: Use the client-side map and text for hotspots. Multimedia: Provide captioning and transcripts of audio, and descriptions of video. Hypertext links: Use text that makes sense when read out of context. For example, avoid "click here." Page organization: Use headings, lists, and consistent structure. Use CSS for layout and style where possible. Graphs & charts: Summarize or use the longdesc attribute. Scripts, applets, & plug-ins: Provide alternative content in case active features are inaccessible or unsupported. Frames: Use the noframes element and meaningful titles. Tables: Make line-by-line reading sensible. Summarize. Check your work: Validate. Use tools, checklist, and guidelines at See

A centre of expertise in digital information managementwww.ukoln.ac.uk Accessible Web Sites Accessible Web sites should: Use compliant HTML: if a page is valid it is more likely to be displayed sensibly on a range of devices Use CSS to define the appearance of HTML tags: this has several benefits: Users can use their own style sheet or switch off the style sheet (e.g. colour scheme or text sizes cause difficulties in reading) Web site owner can define appearance in small number (1) of CSS files and can easily change this file Pages can change appearance on devices such as PDAs, digital TVs, etc Provide textual descriptions of multimedia (e.g. ALT tags for images) Comply with the letter and spirit of W3C standards: avoid proprietary extensions (e.g. BLINK, FRAME, etc.); avoid file formats (e.g. PDF, Flash, …), …

A centre of expertise in digital information managementwww.ukoln.ac.uk Doesn't Everyone Use IE? How do people with disabilities access the Web? Zooming In: Many people with disabilities have some sight and may need to zoom in in areas of a Web browser. It is therefore essential that Web sites don’t use fixed fonts, for example (even if this allows users to change a corporate look-and-feel). Speaking Browsers: Blind users may use a speaking browser which speaks words on the page. Note that speaking devices can't understand text contained in images – so avoid this (or give appropriate ALT text for images). Special pointing & selection tools: Users with physical disabilities may not be able to use a mouse. Therefore Web sites should be usable without a mouse. For example, a Web form should be designed so that tabbing moves the cursor in a sensible order. PDAs, Mobile Devices, Digital TVs, …: Users with physical disabilities may prefer use of PDAs or other mobile devices. And digital TV access may help a widening participation agenda And everybody doesn't use IE – increasing numbers are moving to Firefox (which featured in a leader column in the Guardian in Nov 2004)

A centre of expertise in digital information managementwww.ukoln.ac.uk Checking Compliance You need to be able to check that your Web site is accessible: For auditing existing Web sites To identify problems in your workflow processes For acceptance testing Techniques for checking compliance include: Use of automated tools such as Bobby, WAVE, … Manual testing NOTE Automated tools are not able to verify that Web sites are accessibility – only that they are not accessible. For example Bobby can report if images do not have ALT tags, but not that the ALT tag is meaningful. NOTE Automated tools are not able to verify that Web sites are accessibility – only that they are not accessible. For example Bobby can report if images do not have ALT tags, but not that the ALT tag is meaningful. >

A centre of expertise in digital information managementwww.ukoln.ac.uk Any Questions?