Creating Accessible Course Content

Greg KrausUniversity IT Accessibility Coordinator

NC State University(Temporarily Able-Bodied)

What Percentage of Americans Have a Disability

A. 5%B. 10%C. 15%D. 20%E. 25%

Disabilities Impacting Online Activity

• Visual impairments• Hearing impairments• Mobility or motor impairments• Cognitive impairments• Seizure conditions

http://webaim.org/intro/video

http://go.ncsu.edu/accessible-course-content

Temporarily Able Bodied

The Future

What is Universal Design?

“… the design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design.”

– Ron Mace, Center for Universal Design

Curb Cuts

Automatically Opening Doors

Closed Captioning

Who Benefits?

Captioning Videos

ESL Deaf

Noisy Environment

Learning Disabilities

Examples

• http://books.google.com• http://video.google.com

Alternative Text

Example 1

Because of his role as the Commander in Chief of American forces in the Revolutionary War, and, later, the first President of the United States, George Washington is often called the "Father of his Country".

A. "Image of George Washington"B. "George Washington, the first president of C. the United States"D. An empty alt attribute (alt="") will suffice. E. "George Washington"

Example 2

Because of his role as the Commander in Chief of American forces in the Revolutionary War, and, later, the first President of the United States, George Washington is often called the "Father of his Country".

A. "Image of George Washington"B. "George Washington, the first president of C. the United States"D. An empty alt attribute (alt="") will suffice. E. "George Washington"

George Washington

Example 3

A. An empty alt attribute (alt="") will suffice. B. "Wikipedia entry for George Washington" C. "Read More"D. "George Washington"

George Washington

NOTE: This image is a clickable link to the Wikipedia page for George Washington

Example 4

In this painting, the artist Emanuel Leutze used light, color, form, perspective, proportion, and motion to create the composition.

A. "George Washington" B. "Painting of George Washington"C. "Painting of George Washington crossing the Delaware River" D. A classic painting demonstrating the use of light and color to create composition. E. "Painting of George Washington crossing the Delaware River. Swirling waves surround the boat where the majestic George Washington looks forward out of the storm and into the rays of light across the river as he leads his wary troops to battle."

Example 5

What would be the most appropriate alt attribute for the “TV & AUDIO" navigation image?

A. “TV and Audio" B. "Link to TV and Audio"C. The image doesn't convey content, so (alt="") will suffice.

Example 6

A. "decorative line" B. "Beginning of next section"C. "separator"D. alt="" will suffice

Credits

• Alt Text Examples, WebAIM