Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH Salt Lake.

Slides:

Advertisements

Similar presentations

Web Page Design Critical Elements for a Well Designed Web Page.

Advertisements

Microsoft Office Illustrated Fundamentals Unit C: Getting Started with Unit C: Getting Started with Microsoft Office 2010 Microsoft Office 2010.

Adapting Technology Changing Lives Web accessibility Web accessibility and Disability A Practical introduction Robin Christopherson and Curt Holst AbilityNet.

Building Accessible Sites Jason Maseberg-Tomlinson Assistant Director Disability Support Services.

® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ADOBE® ACCESSIBILITY Achieving Accessibility with PDF Greg Pisocky Accessibility Specialist.

Brought to you by the UCSB Web Standards Group (WSG)

Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.

E-Content: design for all - Thessaloniki TRAIN THE TRAINERS 02. General medical and statistical data on blindness and visual impairment Definition.

Web Accessibility Issues. Why Consider Access Issues ? Discrimination Numbers of disabled students in HE likely to increase Sites designed for the disabled.

Understanding Universal Web Accessibility Bebo White SLAC 27 Sept 2002.

Everyday inclusive Web design: an activity perspective CS575 MADHAVI L NIDAMARTHY.

Design factors Content –Fig.s 4-49, 5-4, 6-3 Organization –Fig.s 2-10, 2-11, 2-12, 2-14, 2-15, 5-17 Performance Aesthetic Security.

THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.

What Is A Web Page? An Introduction to the Internet.

WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.

Kathy Gips Will Miller New England ADA & Accessible IT Center voice/tty Funded by the National Institute on Disability.

Accessibility IS 101Y/CMSC 101Y November 19, 2013 Marie desJardins University of Maryland Baltimore County.

Designing for Disabled Users.  p?vid=35 p?vid=35.

 What is web accessibility? ture=relatedhttp://

Section 13.1 Add a hit counter to a Web page Identify the limitations of hit counters Describe the information gathered by tracking systems Create a guest.

Debi Orton, Co-Chair NYS Forum IT Accessibility Committee.

Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.

DC Chp 1 Jeopardy Review Section 1Section 2Section 3Section 4Section

Dreamweaver Tables Mrs. Wilson. Prior Knowledge –What HTML tags were used to create a table? –Why are tables an important web development tool? –Predict:

Assistive Technology and Web Accessibility University of Hawaii Information Technology Services Jon Nakasone.

Assistive Technology Russell Grayson EDUC 504 Summer 2006.

HINARI/Basic Internet Concepts (module 1.1). Instructions - This part of the:  course is a PowerPoint demonstration intended to introduce you to Basic.

 Interactive programs with a User Interface  Available 24-7, on the national FIA Web site  Easy access to the national FIA database Generate Reports.

Dan J. Grauman National Cancer Institute National Institutes of Health Department of Health and Human Services Bethesda, Maryland, USA Interactive Cancer.

Nov 4, 2002K. Smale - Section 5081 Section 508 What it means for you, the HEASARC and LHEA web developer.

1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.

The Online Experience: Accessibility & Usability for Everyone Richard W. Smith.

June 21, 2001 (are you ready?). Web Design for the Visually Impaired Compliance with Section 508 of the Rehabilitation Act Amendments, 1998.

Computer Vocabulary Acceptable Use Policy conduct expected from someone using a computer.

Website Accessibility. What is Website Accessibility? Making information on the internet usable and understandable for EVERYONE, including those with.

Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.

Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)

Access for all Why it’s important to make accessibility an integral part of your website design Donna Smillie Best Practice Officer (Accessible Websites)

Internet Accessibility Hyun Woo Jo Alessandra Zimmermann Alissa Ebong Maddison Brumbaugh David Carter.

Daniel Njuguna – IT Officer/ Adaptive Technology Trainer Kenya Society For The Blind Accessibility in ICT’s.

Dan J. Grauman National Cancer Institute National Institutes of Health Department of Health and Human Services Bethesda, Maryland, USA Interactive Cancer.

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.

Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.

Accessibility IS 101Y/CMSC 101Y November 19, 2013 Carolyn Seaman University of Maryland Baltimore County.

United Nations Economic Commission for Europe Statistical Division The Importance of Databases in the Dissemination Process Steven Vale, UNECE.

Web Page Terminology LinksShareware AnchorOrganic Search MarqueeWhite Space BacklinkHTML Bounce RateMarkup FirewallImpression SEOLanding Page Exit PageE-commerce.

Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.

Assistive Technology November 14, Screen Reader Who uses screen readers? –People with little to no vision What is it? –A form of “Assistive Technology”

 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.

Acessible Digital Media By Rivelina Lorvil. What is Accessibility? ♦Accessibility involves two key issues ♦ first, how users with disabilities access.

Mary Rotramel Accessibility Your Logo. What does it mean to be web accessible? Being accessible benefits individuals… –hard of hearing or deaf –low vision.

Internet Accessibility Hyun Woo Jo Alessandra Zimmermann Alissa Ebong Maddison Brumbaugh David Carter.

1 Basic DMIS Navigation DMIS Web Services Release 2.3.

POWERPOINT VOCABULARY. SLIDE a single page of a presentation in a slide show.

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.

Unit 3: Understand Multimedia Production and Web Design Objective 3.02: Develop Webpages Section A: Introduction to Web Development and Standards.

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.

Discovering Computers Fundamentals, 2011 Edition Living in a Digital World.

1 Making an Accessible Web Site Sec 508 Standards – How Tos Evelyn Li University of Wisconsin-Fox Valley.

Creating Section 508 Compliant Documents & Presentations

Seven Steps to Creating an Accessible Microsoft Word Document

Making the Web Accessible to Impaired Users

Interactive Cancer Mortality Mapping on the Internet Part I:

A New Direction for Data in Virginia:

Introduction to Web Accessibility

Creating Section 508 Compliant Documents & Presentations

Chapter 1 – Introduction to Computers

Creating Section 508 Compliant Documents & Presentations

Microsoft Office Illustrated Fundamentals

Presentation transcript:

Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH Salt Lake City, Utah March 13, 2003 Interface 2003: Security and Infrastructure Protection 35 th Symposium on the Interface

Topics Accessibility Background (Atlas) The Atlas Web site  Online atlas  Customizable maps  Interactive graphs Discussion

Accessibility requirements* as of June 21, Section 508 requires that Federal agencies’ electronic and information technology is accessible to people with disabilities. * Section 508 of the Rehabilitation Act of 1973, as amended 29 U.S.C § 794 (d)

Excellent resource:

Some statistics An estimated 20% of the population in the United States has some kind of disability, and 10% has a severe disability. Those individuals with severe disabilities are limited in the way that they can use the Internet. The Pew study found that 62% of Internet users, or 73 million Americans, have gone online for health information. About 6 million use it on a given day – more than those who visit health professionals. According to Harris Interactive, 80% of online adults (110 million people) look for health information online. This compares with 54 million in 1998, 69 million in 1999, and 97 million in 2001.

What do we “see” on the Web? This is what the SIGHTED user sees

What do we “see” on the Web? This is what the VISUALLY-IMPAIRED user sees

What do we “see” on the Web? This is what the BLIND user sees

Text Static graphics (pictures) Dynamic graphs Multimedia Tables Forms Geospatial data (maps) What are the main elements that can be found on a Web page?

Most difficult Easiest Requires more effort Text Static graphics (pictures) Dynamic graphs Multimedia Tables Forms Geospatial data (maps) How easily can these elements be made accessible to people with disabilities?

Examples of adaptive / assistive technology products Low vision: software products Magnification + Screen reading Magnification + Screen reading

Examples of adaptive / assistive technology products Low vision: hardware products Hand-held magnification

Examples of adaptive / assistive technology products Blindness: software products Screen readers Screen & Braille output

Examples of adaptive / assistive technology products Blindness: hardware products Braille displays

Examples of adaptive / assistive technology products Blindness: hardware products Braille embossers

Background (Atlas) Published in December 1999 Cancer mortality maps Text & references Tables & figures

Online atlas Electronic version of book enabling user to view / print / download text, maps, graphs contained in the Atlas

“Home Page” for each cancer User can read the text summary for a specific cancer, view / download maps or data, obtain health information for that cancer, and link to the interactive graphs and customizable maps

Example of text summary

Customizable maps Here users can generate maps not available in the Atlas, zoom in on a region or state, animate rates over time

Input interface

Lung cancer, WM, (state) (monochrome)

Lung cancer, WM, (state) (Atlas colors)

Text version (partial) of map (d link)

Lung cancer, WM, (SEA)

Text version (partial) of map (d link)

Lung cancer, WM, (county)

Text version (partial) of map (d link)

Lung cancer, WM, (county) – highest 25%

Text version (partial) of map (d link)

Lung cancer, WM, (county) – highest 10%

Text version (partial) of map (d link)

Lung cancer, WM, (county) – highest 5%

Text version (partial) of map (d link)

Lung cancer, WM, (county) – highest 1%

Text version (partial) of map (d link)

Animation

Lung cancer by state economic area White males (common scale over time)

Lung cancer by state economic area White males (common scale over time)

Lung cancer by state economic area White males (common scale over time)

Lung cancer by state economic area White males (common scale over time)

Lung cancer by state economic area White males (common scale over time)

Lung cancer by state economic area White males (common scale over time)

Lung cancer by state economic area White males (common scale over time)

Lung cancer by state economic area White males (common scale over time)

Lung cancer by state economic area White males (common scale over time)

Interactive graphs Electronic version of book enabling user to view / print / download text, maps, graphs contained in the Atlas

Rates by cancer Parameter selection interface Radio buttons enable user to navigate within and across categories by use of the arrow and Tab keys

All cancers - rates by cancer (US by state)

Text version (partial) of graph (d link)

Discussion