 2001 Prentice Hall, Inc. All rights reserved. Chapter 14, Accessibility Outline 14.1Introduction 14.2 Web Accessibility 14.3 Web Accessibility Initiative.

Slides:



Advertisements
Similar presentations
Ease of Access and Assistive Technology on Windows 7 Computer Access for Individuals with Disabilities.
Advertisements

Accessibility For ALL - Windows Wendy Homlish CLIU 21.
ZoomText, Step-by-Step IU Adaptive Technology Center.
DEVELOPING ICT SKILLS PART -TWO
ADA Compliant Websites & Documents What the heck am I supposed to do?
Dana Marlowe Accessibility Partners Accessibility Partners © Not to be reproduced without permission. 1 Giving a Picture 1000 Words: Accessibility.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ADOBE® ACCESSIBILITY Achieving Accessibility with PDF Greg Pisocky Accessibility Specialist.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ADOBE® ACCESSIBILITY AT Access to Flash and PDF Matt May 25 Mar 2010 Featuring.
COE201 – Computer Proficiency Mr. Hamze Msheik
Copyright © 2013 Pearson Education, Inc. Publishing as Prentice Hall. Microsoft Office 2010 PowerPoint, Workshop 1 Communication with Presentations.
Project 1 Introduction to HTML.
Chapter 31 Exploring Windows XP Vol. 1 Part Three – Customization: Personalizing Windows XP.
Chapter 4: Configuring the Windows Vista Desktop.
Chapter 2: The Visual Studio.NET Development Environment Visual Basic.NET Programming: From Problem Analysis to Program Design.
Module 3 Productivity Programs Common Features and Commands Microsoft Office 2007.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
 What is web accessibility? ture=relatedhttp://
Unlocking Potential The Accessibility Features of Microsoft Windows Benevolent Bill The things Microsoft got right …
2. Introduction to the Visual Studio.NET IDE 2. Introduction to the Visual Studio.NET IDE Ch2 – Deitel’s Book.
Getting Started with Dreamweaver
Accessibility IS 403: User Interface Design Shaun Kane 1.
Assistive Technology and Education Mrs. G. Bacal Guidelines Designed for people who struggle to learn for different reasons, such as: learning disabilities,emotional.
 2001 Prentice Hall, Inc. All rights reserved. Chapter 34 - Accessibility Outline 34.1 Introduction 34.2 Web Accessibility 34.3 Web Accessibility Initiative.
Alternative Views of the Web Jon Gunderson, Ph.D. Division of Rehabilitation-Education Services University of Illinois at Urbana/Champaign.
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
© 2008 Cisco Systems, Inc. All rights reserved.Cisco ConfidentialPresentation_ID 1 Accessibility for CCNA Discovery and CCNA Exploration June 2008.
The Online Experience: Accessibility & Usability for Everyone Richard W. Smith.
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
Using a Template to Create a Resume and Sharing a Finished Document
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
CIS 205—Web Design & Development Dreamweaver Chapter 1.
XP New Perspectives on Windows XP Tutorial 1 Exploring the Basics.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: – The head content – The body Creating Head Content and Setting Page.
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.
Computing Fundamentals Module Lesson 3 — Changing Settings and Customizing the Desktop Computer Literacy BASICS.
 2004 Prentice Hall, Inc. All rights reserved. Chapter 29 – Accessibility Outline 29.1 Introduction 29.2 Web Accessibility 29.3 Web Accessibility Initiative.
Software Usability Course notes for CSI University of Ottawa Section 7: Accessibility - Usability for the Disabled Timothy C. Lethbridge
T U T O R I A L  2009 Pearson Education, Inc. All rights reserved. 1 3 Welcome Application Introduction to Visual Programming.
Customizing Your Operating System MTSD Assistive Technology Conference – June 26,2006 Kathy Young – VES/UMS Technology Teacher Violet Markmann – LMS/UMS.
Windows Accessibility Options. 2 Keyboard Options StickyKeys For people who have difficulty holding down two of more keys at a time Enables user to press.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Lesson: 2 Common Features and Commands After completing this lesson, you will be able to: Identify the main components of the user interface. Identify.
Lesson 1 - Understanding the Word Window and Creating a New Document
 2002 Prentice Hall. All rights reserved. 1 Chapter 2 – Introduction to the Visual Studio.NET IDE Outline 2.1Introduction 2.2Visual Studio.NET Integrated.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
Getting Started 1) Open Read & Write Gold 2) Open Word 3) Click on textHELP drop down arrow 4) Choose General Options.
Getting Started 1) Open Read & Write Gold 2) Open Word 3) Click on textHELP drop down arrow 4) Choose General Options.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
It’s Built In! Accessibility Options in Windows XP and Apple OS X Delaware Instructional Technology Conference Joanne Jennings Office of Educational Technology.
 2002 Prentice Hall. All rights reserved. 1 Introduction to the Visual Studio.NET IDE Outline Introduction Visual Studio.NET Integrated Development Environment.
Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.
MS WORD INFORMATION TECHNOLOGY MANAGEMENT SERVICE Training & Research Division.
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.
1 Chapter 15 Creating a Presentation. Practical Computer Literacy, 2 nd edition Chapter 15 2 What’s inside and on the CD? In this chapter, you will learn.
Creating Section 508 Compliant Documents & Presentations
Computer Literacy BASICS
Chapter 1 Introduction to HTML.
Making the Web Accessible to Impaired Users
How People with Disabilities Access the Web
Project 1 Introduction to HTML.
Creating Section 508 Compliant Documents & Presentations
Creating Section 508 Compliant Documents & Presentations
Web Standards and Accessible Design.
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Accessibility.
Presentation transcript:

 2001 Prentice Hall, Inc. All rights reserved. Chapter 14, Accessibility Outline 14.1Introduction 14.2 Web Accessibility 14.3 Web Accessibility Initiative 14.4 Providing Alternatives for Multimedia Content Readability Using Voice Synthesis and Recognition with Voice XML 14.5Accessibility in Microsoft Windows Tools for Visually-Impaired People Tools for Hearing-Impaired People Tools for Users Who Have Difficulty Using the Keyboard Microsoft Narrator Microsoft On-Screen Keyboard Accessibility Features in Microsoft Internet Explorer Other Accessibility Tools

 2001 Prentice Hall, Inc. All rights reserved Introduction Persons with disabilities make up a significant portion of the population, and legal ramifications exist for Web sites that discriminate by not providing adequate and universal access to the site’s resources In this chapter, we explore: –The Web Accessibility Initiative and its requirements –Various laws regarding businesses and their availability to people with disabilities –How some companies have developed their systems, products and services to meet the needs of this demographic

 2001 Prentice Hall, Inc. All rights reserved Web Accessibility In 1999, a lawsuit was filed by the National Federation for the Blind (NFB) against AOL for not supplying access to its services to people with visual disabilities, a mandate of the Americans with Disabilities Act of 1990 WeMedia.com is dedicated to providing disabled individuals with the same opportunities as the general population WeMedia.com –Provides online educational opportunities for people with disabilities

 2001 Prentice Hall, Inc. All rights reserved Web Accessibility

 2001 Prentice Hall, Inc. All rights reserved Web Accessibility We Media home page. (Courtesy of We Media Inc.)

 2001 Prentice Hall, Inc. All rights reserved Web Accessibility The Internet has also enabled disabled individuals to work in a vast array of new fields –Prior to its advent, 25 percent of the 15 million Americans with disabilities found employment as a result of the Americans with Disabilities Act (ADA) –Technologies such as voice activation, visual enhancers and auditory aids afford disabled individuals with more work opportunities –Information provided through technology will have to be equally accessible to individuals with disabilities –Sites heavily laden with graphic images might have to simplify their appearance

 2001 Prentice Hall, Inc. All rights reserved Web Accessibility Initiative On April 7, 1997, the World Wide Web Consortium (W3C) launched the Web Accessibility Initiative (WAI ) –An attempt to make the Web more accessible Accessibility –Refers to the level of usability of an application or Web site for people with disabilities –The vast majority of Web sites are considered inaccessible to people with visual, learning or mobility impairments –A high level of accessibility is difficult to achieve

 2001 Prentice Hall, Inc. All rights reserved Web Accessibility Initiative The Web Content Accessibility Guidelines 1.0 are divided into a three-tier structure of checkpoints according to their priorityWeb Content Accessibility Guidelines 1.0 –Priority-one checkpoints are those that must be met to ensure accessibility –Priority-two checkpoints, though not essential, are highly recommended –Priority-three checkpoints improve accessibility slightly –The WAI also presents a supplemental list of quick tips— this list contains checkpoints aimed at solving priority one problemsquick tips

 2001 Prentice Hall, Inc. All rights reserved Providing Alternatives for Multimedia Content WAI requirement –Ensure that every image, movie and sound used on a Web page is accompanied by a description called an ALT tag that clearly defines its purpose Intended to provide a short description of an HTML object which may not load properly on all user agents Specialized user agents –An application that interprets Web-page source code and translates it into formatted text and images –Screen readers are programs that allow users to hear what is being displayed on their screen –Braille displays are devices that receive data from screen- reading software and output the data as braille

 2001 Prentice Hall, Inc. All rights reserved Providing Alternatives for Multimedia Content –Web pages with large amounts of multimedia content are difficult for user agents to interpret, unless designed properly Images, movies and other non-HTML objects cannot be read by screen readers –Provide multimedia-based information in a variety of ways –User-agent technology is unable to make image maps accessible to blind people or others who cannot use a mouse Include a link at the top of each Web page that provides easy access to the page’s content so users can use the link to bypass inaccessible elements

 2001 Prentice Hall, Inc. All rights reserved Readability Readability –When creating a Web page intended for the general public, it is important to consider the reading level at which it is written Use of shorter words Users from other countries may have difficulty understanding slang and other nontraditional language Web Content Accessibility Guidelines 1.0 –Suggests that a paragraph’s first sentence convey its subject Gunning Fog Index –A formula that produces a readability grade when applied to a text sample

 2001 Prentice Hall, Inc. All rights reserved Using Voice Synthesis and Recognition with Voice XML VoiceXML –An XML application that uses speech synthesis to enable the computer to speak to the user –Has tremendous implications for visually impaired people and for people who cannot read Reads Web pages to the user, also includes speech recognition technology—which enables computers to understand words spoken into the microphone ViaVoice VoiceXML processed by a VoiceXML interpreter or browser Platform independent When a VoiceXML document is loaded, a voice server sends a message to the VoiceXML browser and begins a conversation between the user and the computer

 2001 Prentice Hall, Inc. All rights reserved Accessibility in Microsoft Windows 2000 Since Microsoft Windows 95, Microsoft has included accessibility features in its operating systems and many of its applications Accessibility Wizard –Guides a user through the Windows 2000 accessibility features and configures the computer according to the chosen specifications Microsoft Magnifier –A program that displays an enlarged section of the screen in a separate window Disable personalized menus –A feature that hides rarely used programs from the Start menu

 2001 Prentice Hall, Inc. All rights reserved Tools for Visually Impaired People Users can resize scroll bars and window borders to increase their visibility Users can resize icons –Users with poor vision—as well as users who have trouble reading—benefit from large icons

 2001 Prentice Hall, Inc. All rights reserved Tools for Visually Impaired People Text Size dialog

 2001 Prentice Hall, Inc. All rights reserved Tools for Visually Impaired People Display Settings dialog

 2001 Prentice Hall, Inc. All rights reserved Tools for Visually Impaired People Accessibility Wizard initialization options

 2001 Prentice Hall, Inc. All rights reserved Tools for Visually Impaired People Scroll Bar and Window Border Size dialog

 2001 Prentice Hall, Inc. All rights reserved Tools for Visually Impaired People Setting window element sizes

 2001 Prentice Hall, Inc. All rights reserved Tools for Visually Impaired People Settings allow the user to change Windows’ color scheme and to resize various screen elements Wizard offers the user the choice of using larger cursors, black cursors and cursors that invert the colors of objects underneath them

 2001 Prentice Hall, Inc. All rights reserved Tools for Visually Impaired People Display Color Settings options

 2001 Prentice Hall, Inc. All rights reserved Tools for Visually Impaired People Accessibility Wizard mouse cursor adjustment tool

 2001 Prentice Hall, Inc. All rights reserved Tools for Hearing-Impaired People SoundSentry –A tool that creates visual signals when system events occur ShowSounds dialog –Enables you to add captions to spoken text and other sounds produced by today’s multimedia-rich software

 2001 Prentice Hall, Inc. All rights reserved Tools for Hearing-Impaired People SoundSentry dialog

 2001 Prentice Hall, Inc. All rights reserved Tools for Hearing-Impaired People Show Sounds dialog

 2001 Prentice Hall, Inc. All rights reserved Tools for Users Who Have Difficulty Using the Keyboard StickyKeys –A program that helps users who have difficulty pressing multiple keys at the same time by allowing the user to press key combinations in sequence BounceKeys –Forces the computer to ignore repeated keystrokes

 2001 Prentice Hall, Inc. All rights reserved Tools for Users Who Have Difficulty Using the Keyboard StickyKeys dialog

 2001 Prentice Hall, Inc. All rights reserved Tools for Users Who Have Difficulty Using the Keyboard BounceKeys dialog

 2001 Prentice Hall, Inc. All rights reserved Tools for Users Who Have Difficulty Using the Keyboard ToggleKeys –Alerts the user that they have pressed one of the lock keys (i.e., Caps Lock, Num Lock and Scroll Lock), by sounding an audible beep Extra Keyboard Help dialog –Used to activate a tool that displays information, such as keyboard shortcuts and tool tips, when they are available

 2001 Prentice Hall, Inc. All rights reserved Tools for Users Who Have Difficulty Using the Keyboard ToggleKeys dialog

 2001 Prentice Hall, Inc. All rights reserved Tools for Users Who Have Difficulty Using the Keyboard Extra Keyboard Help dialog

 2001 Prentice Hall, Inc. All rights reserved Tools for Users Who Have Difficulty Using the Keyboard MouseKeys –A tool that uses the keyboard to emulate mouse movements –The arrow keys direct the mouse, while the 5 key sends a single click –To double click, the user must press the + key, and to simulate holding down the mouse button, the user must press the Ins (Insert) key –To release the mouse button, the user must press the Del (Delete) key Mouse Button Settings window –Tool allows the user to create a virtual lefthanded mouse, by swapping the button functions

 2001 Prentice Hall, Inc. All rights reserved Tools for Users Who Have Difficulty Using the Keyboard Fig MouseKeys window

 2001 Prentice Hall, Inc. All rights reserved Tools for Users Who Have Difficulty Using the Keyboard Mouse Button Settings window

 2001 Prentice Hall, Inc. All rights reserved Tools for Users Who Have Difficulty Using the Keyboard Mouse speed is adjusted using the MouseSpeed –Dragging the scroll bar changes the speed Set Automatic Timeouts window –Specifies a timeout period for the tools A timeout either enables or disables a certain action after the computer has idled for a specified amount of time Save Settings to File dialog determines whether the accessibility settings should be used as the default settings, which are loaded when the computer is rebooted or after a timeout

 2001 Prentice Hall, Inc. All rights reserved Tools for Users Who Have Difficulty Using the Keyboard Mouse Speed dialog

 2001 Prentice Hall, Inc. All rights reserved Tools for Users Who Have Difficulty Using the Keyboard Set Automatic Timeouts

 2001 Prentice Hall, Inc. All rights reserved Microsoft Narrator Microsoft Narrator –A text-to-speech program for visually impaired people –Reads text, describes the current desktop environment and alerts the user when certain Windows events occur –A screen reader that works with Internet Explorer, Wordpad, Notepad and most programs in the Control Panel The Voice... button enables the user to change the pitch, volume and speed of the narrator voice

 2001 Prentice Hall, Inc. All rights reserved Microsoft Narrator Narrator Window

 2001 Prentice Hall, Inc. All rights reserved Microsoft Narrator Narrator reading Notepad text

 2001 Prentice Hall, Inc. All rights reserved Microsoft On-Screen Keyboard On-Screen Keyboard Clicker 4 by Inclusive Technology –Developed as an aid for people who cannot effectively use a keyboard –Keys can have letters, numbers, entire words or even pictures on them

 2001 Prentice Hall, Inc. All rights reserved Microsoft On-Screen Keyboard Microsoft On-Screen Keyboard

 2001 Prentice Hall, Inc. All rights reserved Accessibility Features in Microsoft Internet Explorer 5.0 The accessibility options in Microsoft Internet Explorer 5.0 augment the user’s Web browsing –Users are able to ignore Web colors, Web fonts and font-size tags –Users can specify a style sheet that formats every Web site the user visits, according to that user’s personal preferences

 2001 Prentice Hall, Inc. All rights reserved Accessibility Features in Microsoft Internet Explorer 5.0 Microsoft Internet Explorer 5.0’s Accessibility options

 2001 Prentice Hall, Inc. All rights reserved Accessibility Features in Microsoft Internet Explorer 5.0 Always expand ALT text for images –By default, Internet Explorer 5.0 hides some of the text, if it exceeds the size of the image it describes –Forces all of the text to be shown Move system caret with focus/selection changes –Intended to make screen reading more effective –Some screen readers use the system caret (the blinking vertical bar associated with editing text) to decide what is read and if this option is not activated, screen readers may not read Web pages correctly Allows the user to select text size

 2001 Prentice Hall, Inc. All rights reserved Accessibility Features in Microsoft Internet Explorer 5.0 Advanced accessibility settings in Microsoft Internet Explorer 5.0

 2001 Prentice Hall, Inc. All rights reserved Accessibility Features in Microsoft Internet Explorer 5.0 Accessing the Text Size menu in Microsoft Internet Explorer 5.0

 2001 Prentice Hall, Inc. All rights reserved Other Accessibility Tools Software exists to help those with different types of disabilities Braille keyboard –Similar to a standard keyboard except that in addition to letters on every key, it has the equivalent braille symbol –Most often, braille keyboards are combined with a speech synthesizer or a braille display, so users are able to interact with the computers and verify that their typing is correct –The development of speech synthesizers is also enabling other technologies, such as VoiceXML and AuralCSS to improveAuralCSS Allow visually impaired people and those who cannot read to access Web sites

 2001 Prentice Hall, Inc. All rights reserved Other Accessibility Tools Markup languages –Languages such as HTML and XML, designed to layout and link text files Hearing-impaired Web users benefit from Synchronized Multimedia Integration Language (SMIL ) –Designed to add extra tracks—layers of content found within a single audio or video file Products are also being designed to help severely handicapped persons –EagleEyes, developed by researchers at Boston College, is a system that recognizes a user’s eye movements and translates them to move the cursorEagleEyes

 2001 Prentice Hall, Inc. All rights reserved Other Accessibility Tools CitXCorp –Developing technology that translates information over the Web through the telephone Information on regulations governing the design of Web sites to accommodate people with disabilities can be found at Adobe Acrobat and Adobe’s PDF –Will be manufactured to comply with Microsoft’s application programming interface (API), allowing businesses to reach a disabled audience JetForm Corp. server-based XML software –Allows users to download a format modified to best meet their needs

 2001 Prentice Hall, Inc. All rights reserved JAWS Feature JAWS (Job Access With Sound) is a screen reader –Created by Henter-Joyce, a division of Freedom Scientific and a company that tries to help visually impaired people use technology The JAWS demo is fully functional and includes an extensive help menu that is highly customizedJAWS demo –User can select which voice to utilize, the rate at which text is spoken and create keyboard shortcuts –JAWS also includes special key commands for popular programs, such as Microsoft Internet Explorer and Microsoft Word