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

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

Embed Size (px)

Citation preview

Page 1: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Accessible Graphicson the

World Wide Web

Dan J. GraumanInformation Technology Specialist

National Cancer Institute, [email protected]

Salt Lake City, UtahMarch 13, 2003

Interface 2003:Security and Infrastructure Protection

35th Symposium on the Interface

Page 2: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Topics

• Accessibility

• Background (Atlas)

• The Atlas Web site Online atlas Customizable maps Interactive graphs

• Discussion

Page 3: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Accessibility requirements* as ofJune 21, 2001

http://section508.gov/

Section 508 requires that Federal agencies’ electronicand information technology is accessible to peoplewith disabilities.

* Section 508 of the Rehabilitation Act of 1973, as amended 29 U.S.C § 794 (d)

Page 4: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Excellent resource: http://usability.gov/

Page 5: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Some statistics

An estimated 20% of the population inthe United States has some kind ofdisability, and 10% has a severedisability. Those individuals withsevere disabilities are limited in theway that they can use the Internet.

The Pew study found that 62% ofInternet 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 healthprofessionals.

According to Harris Interactive, 80% ofonline adults (110 million people) lookfor health information online. Thiscompares with 54 million in 1998, 69million in 1999, and 97 million in 2001.

Page 6: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

What do we “see” on the Web?

This is what the SIGHTED user sees

Page 7: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

What do we “see” on the Web?

This is what the VISUALLY-IMPAIRED user sees

Page 8: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

What do we “see” on the Web?

This is what the BLIND user sees

Page 9: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

• Text• Static graphics (pictures)• Dynamic graphs• Multimedia• Tables• Forms• Geospatial data (maps)

What are the main elementsthat can be found on a Web page?

Page 10: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Most difficult

EasiestRequires 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?

Page 11: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Examples of adaptive / assistive technology products

Low vision: software products

Magnification+

Screen reading

Magnification+

Screen reading

Page 12: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Examples of adaptive / assistive technology products

Low vision: hardware products

Hand-held magnification

Page 13: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Examples of adaptive / assistive technology products

Blindness: software products

Screen readers

Screen & Braille output

Page 14: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Examples of adaptive / assistive technology products

Blindness: hardware products

Braille displays

Page 15: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Examples of adaptive / assistive technology products

Blindness: hardware products

Braille embossers

Page 16: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Background (Atlas)

• Published in December 1999• Cancer mortality maps• Text & references• Tables & figures

Page 17: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

http://cancer.gov/atlasplus/

Page 18: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Online atlas

Electronic version of book enabling user toview / print / download text, maps, graphscontained in the Atlas

Page 19: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

“Home Page” for each cancer

User can read the text summary for a specificcancer, view / download maps or data, obtainhealth information for that cancer, and link tothe interactive graphs and customizable maps

Page 20: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Example of text summary

Page 21: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake
Page 22: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake
Page 23: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake
Page 24: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Customizable maps

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

Page 25: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Input interface

Page 26: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Lung cancer, WM, 1970-94 (state)(monochrome)

Page 27: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Lung cancer, WM, 1970-94 (state)(Atlas colors)

Page 28: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Text version (partial) of map (d link)

Page 29: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Lung cancer, WM, 1970-94 (SEA)

Page 30: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Text version (partial) of map (d link)

Page 31: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Lung cancer, WM, 1970-94 (county)

Page 32: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Text version (partial) of map (d link)

Page 33: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Lung cancer, WM, 1970-94 (county) – highest 25%

Page 34: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Text version (partial) of map (d link)

Page 35: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Lung cancer, WM, 1970-94 (county) – highest 10%

Page 36: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Text version (partial) of map (d link)

Page 37: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Lung cancer, WM, 1970-94 (county) – highest 5%

Page 38: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Text version (partial) of map (d link)

Page 39: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Lung cancer, WM, 1970-94 (county) – highest 1%

Page 40: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Text version (partial) of map (d link)

Page 41: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Animation

Page 42: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

1950-54

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

Page 43: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

1955-59

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

Page 44: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

1960-64

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

Page 45: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

1965-69

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

Page 46: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

1970-74

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

Page 47: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

1975-79

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

Page 48: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

1980-84

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

Page 49: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

1985-89

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

Page 50: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

1990-94

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

Page 51: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Interactive graphs

Electronic version of book enabling user toview / print / download text, maps, graphscontained in the Atlas

Page 52: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Rates by cancer

Parameter selection interface

Radio buttons enable userto navigate within andacross categories by useof the arrow and Tab keys

Page 53: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

All cancers - rates by cancer (US by state)

Page 54: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Text version (partial) of graph (d link)

Page 55: Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH dan.grauman@nih.gov Salt Lake

Discussion