terrill thompson [email protected] @terrillthompson is your course content accessible?

42
Terrill Thompson [email protected] http://staff.washington.edu/ tft http:// terrillthompson.com @terrillthompson Is Your Course Content Accessible?

Upload: jessie-hamilton

Post on 02-Jan-2016

214 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

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?

“Accessible” to whom?

Page 3: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Everyone!

Page 4: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

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?

Old School Technologies

Page 6: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Today: Technological Diversity

Page 7: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

We All Have Choices

Page 8: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Student Photo #1

Page 9: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Student Photo #2

Page 10: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Student Photo #3

Page 11: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Can everyone access your course content?

Page 12: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Blurry site example

Page 13: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Home page

Page 14: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Example: Images with No Alt Text

Page 15: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Test #3 Example – Slide 1

Page 16: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Test #3: Example – Slide 2

Page 17: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Test #3: Example – Slide 3

Page 18: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Test #3: Example – Slide 4

Page 19: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Example: Mouse-Dependent Menus

Page 20: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Design Tip: Don't assume users have mice!

Page 21: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

There are no mice on this slide.

Page 22: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Example: Inaccessible CAPTCHA

Page 23: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Example: Type the RED WORD

Page 24: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Example: Requires Flash

Page 25: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

Example: Is this webinaraccessible?

Page 26: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

What about electronic documents?

Page 27: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

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?

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?

It is possible to create a reasonably accessible Microsoft

Word document

Page 30: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

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?

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?

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?

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?

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?

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?

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?

PDF Accessibility Workflows

• http://uw.edu/accessibility/pdf.html

Page 38: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

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?

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?

Example: Google Docs

Page 41: Terrill Thompson tft@uw.edu   @terrillthompson Is Your Course Content Accessible?

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?

To Do:

Add accessibility to my everyday document authoring process