210 likes | 320 Views
Creating Accessible Course Content. Greg Kraus University IT Accessibility Coordinator NC State University (Temporarily Able-Bodied). What Percentage of Americans Have a Disability. 5% 10% 15% 20% 25%. Disabilities Impacting Online Activity. Visual impairments Hearing impairments
E N D
Creating Accessible Course Content Greg Kraus University IT Accessibility Coordinator NC State University (Temporarily Able-Bodied)
What Percentage of Americans Have a Disability • 5% • 10% • 15% • 20% • 25%
Disabilities Impacting Online Activity • Visual impairments • Hearing impairments • Mobility or motor impairments • Cognitive impairments • Seizure conditions
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
Examples • http://books.google.com • http://video.google.com
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 George Washington 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 3 George Washington NOTE: This image is a clickable link to the Wikipedia page for George Washington A. An empty alt attribute (alt="") will suffice. B. "Wikipedia entry for George Washington" C. "Read More" D. "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