Making The Web Usable By Everyone (Including people with disabilities, people with slow net connections, people with broken mice, etc.) Gregory C. Lowney,

Slides:



Advertisements
Similar presentations
Web Usability Starring the Webcredibles: Link, Dr. Web Credible, & Wendy Warner.
Advertisements

User Preferences – List Views Select “User Preference” from the File Menu.
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
ZoomText, Step-by-Step IU Adaptive Technology Center.
Computer Basics Hit List of Items to Talk About ● What and when to use left, right, middle, double and triple click? What and when to use left, right,
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
Images, Tables, lists, blocks, layout, forms, iframes
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ADOBE® ACCESSIBILITY Achieving Accessibility with PDF Greg Pisocky Accessibility Specialist.
Internal information 1 EPi/Policy training UK September 12, 2008.
Creating Accessible Word Documents by Debbie Lyn Jones, IT Manager I, NSU Webmaster FRIDAY, JANUARY 23, 2015.
V. Beyond HTML: CSS, JavaScript, Plug-ins A Web Accessibility Primer: Usability for Everyone Office of Web Communications.
Issues related to the development of accessible web sites Steven Builta October 2002.
DESIGN FOR ALL Dap01s, Mehtiö Reija. Agenda Introduction Different types of disabilities - what to consider?
Chapter 4 Planning Site Navigation Principles of Web Design, 4 th Edition.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Eleven Design Mistakes Making your web page easier for your students to use Making your web page easier for your students to use FSI Applications.
IV. “Regular” Web Pages: HTML A Web Accessibility Primer: Usability for Everyone Office of Web Communications.
Adobe Reader and Acrobat Professional Adobe LiveCycle Designer Microsoft Office Word PowerPoint.
Kathy Gips Will Miller New England ADA & Accessible IT Center voice/tty Funded by the National Institute on Disability.
Creating and publishing accessible course materials Practical advise you can replicate.
 What is web accessibility? ture=relatedhttp://
HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.
Universal Design & Web Accessibility Iain Murray Kerry Hoath Iain Murray Kerry Hoath.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
Principles of Web Design 6 th Edition Chapter 2 – Web Site Design Principles.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Designing in the Dark A Collaborative Project. I am so Lucky! At UTC, I am part of the SoTL community AKA the Faculty Fellows At UTC, I am part of the.
Alternative Views of the Web Jon Gunderson, Ph.D. Division of Rehabilitation-Education Services University of Illinois at Urbana/Champaign.
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.
Class 3 – Creating Lists In this lesson, you will learn to use HTML to organize your text into lists.
Chapter 18 Web Design April 16 th & 17 th. Content The most essential element of any Web page is the content Before you begin a Web page you want to know.
Web Technologies Website Development Trade & Industrial Education
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
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.
Chapter 2 Web Site Design Principles
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
Web Site Design Principles
Website Development with Dreamweaver
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.
How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design.
Usability and Accessibility CIS 376 Bruce R. Maxim UM-Dearborn.
_______________________________________________________________________________________________________________ PHP Bible, 2 nd Edition1  Wiley and the.
Creating Web Pages Chapter 5 Learn how to… Identify Web page creation strategies. Define HTML Web page elements. Describe the principles of good screen.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Week 4 Planning Site Navigation. 2 Creating Usable Navigation Provide enough location information to let the user answer the following navigation questions:
 Each tab is geared towards a certain activity area.
Fundamentals of Graphic Communication 3.5 Accessible Design.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
Accessibility Barriers Screen reader users will not be able to access content within a text box. Information presented as an image, animation, or video.
Is Your Site Accessible? Validating Your Web Site.
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.
ALT Tags are invisible descriptions of images which are read aloud to blind users on a screen reader or are used if someone has images turned off on their.
XHTML Introductory1 Frames Chapter 5. XHTML Introductory2 Objectives In this chapter, you will: Work with the Frameset Document Type Definition (DTD)
1 Making an Accessible Web Site Sec 508 Standards – How Tos Evelyn Li University of Wisconsin-Fox Valley.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
Color Theory in Web Design
How People with Disabilities Access the Web
Creating an Accessible Document
Creating ADA Compliant Resources
Creating Accessible Electronic Content
Creating ADA Compliant Resources
Embedding Graphics in Web Pages
Creating Accessible Electronic Documents
Course Web Technology Guus Schreiber
Web Standards and Accessible Design.
Accessibility Guide.
Creating Accessible Microsoft Word Documents
Presentation transcript:

Making The Web Usable By Everyone (Including people with disabilities, people with slow net connections, people with broken mice, etc.) Gregory C. Lowney, Microsoft Corporation, Human Factors and the World Wide Web Confernce, October 30, 1996

Click on your choice now: [Link] [Link] Which would you choose?

Many users cannot see graphic images. They may be using text-mode browsers, or have turned off graphics to speed up performance on slow connections, and rely on speech or Braille output. Provide descriptions for all images using the ALT attribute.

Click on your state to get more information [Image] Click where?

Tables are used for Frames are used for positioning text and dividing the window graphics in rows into regions that are and columns. scrolled independently. What is going on here?

Screen reader utilities use synthesized speech or a Braille display to read a page for individuals who are blind. They based solely on the text on the screen, oblivious to the fact that one line of text spans multiple columns. Provide an alternate page that does not rely on frames or tables.

Select a driver (WARNING: drivers shown in red are dangerously unstable and should not be used) Install Version 6 Install Version 7 Install Version 8 HELP!

Some users won’t be able to see the colors you choose. They may be color blind, or relying on voice output rather than seeing the screen directly, or using a text mode web browser. Don’t convey important information by color alone.

as designers we demand... ~2~ the ability to control the presentation of a Web document... Was this author very confused?

You can achieve spectacular effects by creative use of style sheets. However, these are lost on users who rely on voice output, use browsers that don’t support style sheets, or apply their own style sheets to make pages more legible. Make sure your web pages are usable when style sheets are turned off.

Choose a link: Click here This Jump Select one what?

Some tools present a drop-down menu of all the links on a page, or recognize when the user speaks the name of a link. If several links have the same name, or the names are ambiguous or too generic, such lists become unusable. Give all links names that are brief and can be understood out of context.

This is an example of text that is extremely difficult for most people to read. That results from the combination of type face, the size, style, and the combination of foreground and background colors. If you could control the display attributes you could make it easier to read on your own computer, but when the author uses fixed font attributes it can leave the user feeling frustrated, angry, and unenlightened. Please read carefully

Text that seems legible to one person may be unreadable to another. Many people with low vision need to adjust their browser options to show text as bright text on a black background, or use large or sans-serif fonts. If you hard- code text attributes, it can be as hard for them as the previous view was for you. Provide an alternative to hard-coded font attributes; use style sheets when possible.