Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National...

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

Transcript of Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National...

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