jonathan whiting - ten things you can start doing today that will make your website more accessible
DESCRIPTION
Presented by Jonathan Whiting, MS on September 27, 2013 at the fourth annual Center for Health Literacy Conference: Plain Talk in Complex Times.TRANSCRIPT
![Page 1: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/1.jpg)
10 things you can do todayto make your content more accessible
Jonathan WhitingWebAIM.org
![Page 2: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/2.jpg)
Auditory Disabilities
From webaim.org/intro/
![Page 3: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/3.jpg)
1. Provide Captions
![Page 4: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/4.jpg)
Search for captioned videos
![Page 6: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/6.jpg)
Speech Recognition
![Page 7: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/7.jpg)
2. Make Links Meaningful
![Page 8: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/8.jpg)
For more information on this topic, read Essentials of Online Course Design: A Standards-Based Guide http://www.amazon.com/Essentials-Online-Course-Design-Standards-Based/dp/0415873002/ref=sr_1_11?s=books&ie=UTF8&qid=1329661475&sr=1-11
![Page 10: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/10.jpg)
3. Provide Plenty of Contrast
![Page 11: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/11.jpg)
3. Provide Plenty of Contrast
![Page 12: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/12.jpg)
Color Blindness
`
![Page 13: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/13.jpg)
4. Don’t Rely on Color
![Page 14: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/14.jpg)
Color Blindness
The green mushrooms listed here are okay to eat. The red mushrooms will kill you.
– Amanita– Chanterelle– Porcini– Shitake– Tylopilus
![Page 15: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/15.jpg)
Color Blindness
The green mushrooms listed here are okay to eat. The red mushrooms will kill you.
– Amanita– Chanterelle– Porcini– Shitake– Tylopilus
![Page 16: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/16.jpg)
Color combinations don’t matter(for accessibility)
…just contrast and color reliance
![Page 17: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/17.jpg)
Blindness
![Page 18: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/18.jpg)
Screen Reader User Surveys
![Page 19: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/19.jpg)
5. Use Headings
![Page 20: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/20.jpg)
Headings
The Wrong way to do headings:• HTML- <p class=“heading2”>Big text (usually) resized with
CSS</p>• PPT and MS Word- Plain text enlarged
The Right way to do headings:• HTML- <h2>Use true headings</h2>• PPT- Use slide templates• Word- Use styles panel
![Page 21: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/21.jpg)
6. Add Alternative Text
![Page 22: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/22.jpg)
Alternative Text• Read by screen readers• Alternative to images when images are
disabled or not supported• Provides semantic meaning and
description to images• Used by search engines
![Page 23: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/23.jpg)
What is equivalent alternative text?
CONTENT and FUNCTION
VERY RARELY Description
![Page 24: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/24.jpg)
If you couldn’t use a picture, what text would you put in its place?
![Page 25: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/25.jpg)
![Page 26: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/26.jpg)
![Page 27: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/27.jpg)
7. Give documents unique titles
![Page 28: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/28.jpg)
Page titles
• Often the first thing read
• Should be succinct and descriptive
• Should usually match or be similar to the main heading
![Page 29: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/29.jpg)
Google is blind
...and deaf
...and can’t use a mouse
![Page 30: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/30.jpg)
8. Don’t ‘Print’ to PDF
![Page 31: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/31.jpg)
…‘Save’ to PDF
• Works in:– MS Office for Windows
(not Mac)– Adobe InDesign– OpenOffice.org
• Does not work in:– Google Docs– Apple iWork
• Can also create PDF in Adobe Acrobat
![Page 32: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/32.jpg)
Preferred Formats for Web Content
HTML > PDF > Doc/PPT > Anything else
...except PPT slides, then PDF is usually better
![Page 33: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/33.jpg)
9. Check your Web Pages
![Page 34: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/34.jpg)
2 Easy Tools
1. WAVE tool - wave.webaim.org1. Red icons = accessibility problems2. ‘Styles’ and ‘No Styles’ view3. Contrast checker
2. Your keyboard – Tab, Shift + Tab (tweaking required on Mac)– Check forms– Open/close boxes
![Page 35: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/35.jpg)
10. Become an Advocate
![Page 36: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/36.jpg)
Become an Advocate
• Take responsibility for your content• Know your limits and seek help when needed• Ask others about accessibility• Congratulate others (and yourself) for making
a difference
![Page 37: Jonathan Whiting - Ten things you can start doing today that will make your website more accessible](https://reader036.vdocuments.us/reader036/viewer/2022062511/54b852904a795966468b4722/html5/thumbnails/37.jpg)
Thank You!
http://webaim.org
• Web based forums
• E-mail discussion list
• Tutorials, articles, and resources
• Blog
• Accessibility Reference Guide