terrill thompson [email protected] @terrillthompson is your course content accessible?
TRANSCRIPT
![Page 1: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/1.jpg)
Terrill [email protected]
http://staff.washington.edu/tfthttp://terrillthompson.com
@terrillthompson
Is Your Course Content Accessible?
![Page 2: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/2.jpg)
“Accessible” to whom?
![Page 3: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/3.jpg)
Everyone!
![Page 4: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/4.jpg)
Ability on a continuum
SeeHearWalk
Read printWrite with pen or pencilCommunicate verbally
Tune out distractionetc.
![Page 5: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/5.jpg)
Old School Technologies
![Page 6: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/6.jpg)
Today: Technological Diversity
![Page 7: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/7.jpg)
We All Have Choices
![Page 8: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/8.jpg)
Student Photo #1
![Page 9: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/9.jpg)
Student Photo #2
![Page 10: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/10.jpg)
Student Photo #3
![Page 11: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/11.jpg)
Can everyone access your course content?
![Page 12: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/12.jpg)
Blurry site example
![Page 13: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/13.jpg)
Home page
![Page 14: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/14.jpg)
Example: Images with No Alt Text
![Page 15: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/15.jpg)
Test #3 Example – Slide 1
![Page 16: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/16.jpg)
Test #3: Example – Slide 2
![Page 17: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/17.jpg)
Test #3: Example – Slide 3
![Page 18: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/18.jpg)
Test #3: Example – Slide 4
![Page 19: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/19.jpg)
Example: Mouse-Dependent Menus
![Page 20: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/20.jpg)
Design Tip: Don't assume users have mice!
![Page 21: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/21.jpg)
There are no mice on this slide.
![Page 22: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/22.jpg)
Example: Inaccessible CAPTCHA
![Page 23: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/23.jpg)
Example: Type the RED WORD
![Page 24: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/24.jpg)
Example: Requires Flash
![Page 25: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/25.jpg)
Example: Is this webinaraccessible?
![Page 26: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/26.jpg)
What about electronic documents?
![Page 27: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/27.jpg)
An accessible electronic document:
• Has good structure– For headings, use headings – For lists, use lists – Provide details about each item
• For images, add alternate text• For all content, identify the language
• Is created in a way that communicates structure to assistive technology
• HTML, Word, & PDF all support accessibility
![Page 28: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/28.jpg)
HTML
• The most accessible document format – Alt text for images– Structure (e.g., headings, lists) – Document language (e.g., “en”,”es”,”fr”)– Accessible markup for forms– Accessible markup for tables – Accessible math (MathML)
• Accessibility is not automatic—Authors must know to use these features
![Page 29: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/29.jpg)
It is possible to create a reasonably accessible Microsoft
Word document
![Page 30: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/30.jpg)
An Accessible Word Doc Includes:
• Alt text for images • Heading styles (Heading 1, Heading 2, etc.) • Lists, created using Word’s list buttons• Simple tables, with column headers identified• Language identified
![Page 31: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/31.jpg)
Adobe PDF
• Three general types: – Image– Image with embedded fonts– Tagged (optimized for accessibility)
![Page 32: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/32.jpg)
To Create an Accessible PDF
• Use an authoring tool that supports: – Creating documents with headings &
subheadings– Adding alt text to images– Exporting to tagged PDF
• Use these accessibility features anytime you create a document
![Page 33: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/33.jpg)
It is possible to create an accessible tagged PDF from
Microsoft Word (Windows only)
![Page 34: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/34.jpg)
It is possible to create an accessible tagged PDF from
Adobe InDesign
![Page 35: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/35.jpg)
Other Authoring Tools that support Tagged PDF
And maybe a few others: http://lists.w3.org/Archives/Public/w3c-wai-gl/2011AprJun/0061.html
![Page 36: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/36.jpg)
With Adobe Acrobat Pro, you can make an accessible
PDF from an inaccessible one
![Page 37: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/37.jpg)
PDF Accessibility Workflows
• http://uw.edu/accessibility/pdf.html
![Page 38: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/38.jpg)
Always Consider Accessibility
• When creating websites• When creating documents • When considering which technologies to use
![Page 39: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/39.jpg)
Questions to Always Ask When Choosing Technologies
• Is it accessible?• Can users perform all functions without a
mouse?• Has it been tested using assistive technologies
such as screen readers? • If it supports audio, does it support captions?• Is accessibility documentation available? • If it’s an authoring tool, how does one create
accessible content with it?
![Page 40: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/40.jpg)
Example: Google Docs
![Page 41: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/41.jpg)
For more information…
• Terrill’s slides and other resourceshttp://staff.washington.edu/tft
• AccessComputinghttp://uw.edu/accesscomputing
• University of Washington IT Accessibilityhttp://uw.edu/accessibility
• Terrill’s bloghttp://terrillthompson.com
![Page 42: Terrill Thompson tft@uw.edu @terrillthompson Is Your Course Content Accessible?](https://reader030.vdocuments.mx/reader030/viewer/2022032612/56649eeb5503460f94bfd04f/html5/thumbnails/42.jpg)
To Do:
Add accessibility to my everyday document authoring process