60
Technical Communication and Inclusion Karen Mardahl #a11yldn – 21 Sept. 2010 #tcuk10 – 23 Sept. 2010

Technical Communication and Inclusion

Embed Size (px)

DESCRIPTION

A mini-tutorial made at Web Accessibility Unconference London 21 Sept. 2010 and Technical Communication UK 23 Sept. 2010.

Citation preview

Page 1: Technical Communication and Inclusion

Technical Communicationand Inclusion

Karen Mardahl#a11yldn – 21 Sept. 2010#tcuk10 – 23 Sept. 2010

Page 2: Technical Communication and Inclusion

Preaching Accessibility

Karen Mardahl - #a11yldn - #tcuk10

http

://co

mm

ons.

wik

imed

ia.o

rg/w

iki/F

ile:0

39.M

oses

_Com

es_D

own_

from

_Mou

nt_S

inai

.jpg

Page 3: Technical Communication and Inclusion

Preaching Accessibility

Karen Mardahl - #a11yldn - #tcuk10

http

://co

mm

ons.

wik

imed

ia.o

rg/w

iki/F

ile:0

39.M

oses

_Com

es_D

own_

from

_Mou

nt_S

inai

.jpg

PerceivableOperable

Understandable

Robust

Page 4: Technical Communication and Inclusion

Exclusion

Karen Mardahl - #a11yldn - #tcuk10

http

://w

ww

.flic

kr.c

om/p

hoto

s/fo

xypa

r4/2

1683

7526

4/

Page 5: Technical Communication and Inclusion

So where do we start?

Karen Mardahl - #a11yldn - #tcuk10

http

://w

ww

.flic

kr.c

om/p

hoto

s/th

omas

fred

eric

k/20

6227

407/

Page 6: Technical Communication and Inclusion

How to…

• Make videos accessible to Deaf or hard-of-hearing (HOH) people (transcripts & captioning)

• Make accessible PDFs– Write good ALT text– Write in plain language

Page 7: Technical Communication and Inclusion

The Transcript

Karen Mardahl - #a11yldn - #tcuk10

http

://w

ww

.flic

kr.c

om/p

hoto

s/th

omas

fred

eric

k/20

6227

407/

Page 8: Technical Communication and Inclusion

Transcribing Layout 1

Karen Mardahl - #a11yldn - #tcuk10

Page 9: Technical Communication and Inclusion

Transcribing Layout 2

Karen Mardahl - #a11yldn - #tcuk10

Page 10: Technical Communication and Inclusion

The Captions

Karen Mardahl - #a11yldn - #tcuk10

http

://w

ww

.flic

kr.c

om/p

hoto

s/th

omas

fred

eric

k/20

6227

407/

Page 11: Technical Communication and Inclusion

Uploading the Video

Karen Mardahl - #a11yldn - #tcuk10

Page 12: Technical Communication and Inclusion

Technical details of the video

Karen Mardahl - #a11yldn - #tcuk10

Page 13: Technical Communication and Inclusion

Processing the video

Karen Mardahl - #a11yldn - #tcuk10

Page 14: Technical Communication and Inclusion

Adding CaptionsNote the failed machine transcription.

PS This is where many people stop and publish.

Karen Mardahl - #a11yldn - #tcuk10

Page 15: Technical Communication and Inclusion

Do we add captions…We don’t have a file with time codes, so we can’t.

Karen Mardahl - #a11yldn - #tcuk10

Page 16: Technical Communication and Inclusion

Or do we add a transcript?

Karen Mardahl - #a11yldn - #tcuk10

Page 17: Technical Communication and Inclusion

Your caption file is processed

Karen Mardahl - #a11yldn - #tcuk10

Page 18: Technical Communication and Inclusion

And the caption file is added!

Karen Mardahl - #a11yldn - #tcuk10

Page 19: Technical Communication and Inclusion

Turn on the captions!

Karen Mardahl - #a11yldn - #tcuk10

Page 20: Technical Communication and Inclusion

Captions appear!It’s magic. Seriously!

Karen Mardahl - #a11yldn - #tcuk10

Page 21: Technical Communication and Inclusion

Grabbing the caption file for editing

Karen Mardahl - #a11yldn - #tcuk10

Page 22: Technical Communication and Inclusion

The amazing file of time codes

Karen Mardahl - #a11yldn - #tcuk10

Page 23: Technical Communication and Inclusion

Uploading the edited caption file

Karen Mardahl - #a11yldn - #tcuk10

Page 24: Technical Communication and Inclusion

The bonus…

Karen Mardahl - #a11yldn - #tcuk10

Page 25: Technical Communication and Inclusion

The interactive transcript

Karen Mardahl - #a11yldn - #tcuk10

Page 26: Technical Communication and Inclusion

The PDF

Karen Mardahl - #a11yldn - #tcuk10

http

://w

ww

.flic

kr.c

om/p

hoto

s/th

omas

fred

eric

k/20

6227

407/

Page 27: Technical Communication and Inclusion

EatingYour OwnDog Food

Karen Mardahl - #a11yldn - #tcuk10

Report from a meeting about accessibility was… inaccessible!

Ew

ww

Page 28: Technical Communication and Inclusion

Ten Steps toAccessiblePDFs

Karen Mardahl - #a11yldn - #tcuk10

1. Use a structured source document (+ alt text!)

2. Save/export document as tagged PDF

3. Add title, author, subject, and keywords

4. Add bookmarks5. Initial view6. Specify the reading

language7. Correct the reading order8. Use PDF Optimizer9. Enable Adobe Reader

features10. Check accessibility

Page 29: Technical Communication and Inclusion

PDF Accessibility Check Walk-Through

Karen Mardahl - #a11yldn - #tcuk10

With the accessibility checker in Adobe Acrobat Pro 9.

Gotcha: Business who scan all incoming docs – these become inaccessible images. Hmm.

Action: Find solution. OCR??

Page 30: Technical Communication and Inclusion

Warning: You must turn on your brain,keep it turned on throughout thefollowing process, and, most importantof all, use it.

Karen Mardahl - #a11yldn - #tcuk10

Page 31: Technical Communication and Inclusion

Warning: You must turn on your brain,keep it turned on throughout thefollowing process, and, most importantof all, use it.

Why?

Karen Mardahl - #a11yldn - #tcuk10

Page 32: Technical Communication and Inclusion

The greatest accessibility checker of allis…

Karen Mardahl - #a11yldn - #tcuk10

Page 33: Technical Communication and Inclusion

The greatest accessibility checker of allis…

your brain.

Karen Mardahl - #a11yldn - #tcuk10

Page 34: Technical Communication and Inclusion

Checking your PDF

Karen Mardahl - #a11yldn - #tcuk10

Page 35: Technical Communication and Inclusion

Preparing Options for Full Check

Karen Mardahl - #a11yldn - #tcuk10

Page 36: Technical Communication and Inclusion

Ouch

Karen Mardahl - #a11yldn - #tcuk10

Page 37: Technical Communication and Inclusion

The Accessibility Report – 1

Karen Mardahl - #a11yldn - #tcuk10

Page 38: Technical Communication and Inclusion

The Accessibility Report – 2

Karen Mardahl - #a11yldn - #tcuk10

Page 39: Technical Communication and Inclusion

Navigating to Errors

Karen Mardahl - #a11yldn - #tcuk10

Page 40: Technical Communication and Inclusion

Fixing the PDF

Karen Mardahl - #a11yldn - #tcuk10

Page 41: Technical Communication and Inclusion

TouchUp Reading Order

Karen Mardahl - #a11yldn - #tcuk10

Page 42: Technical Communication and Inclusion

Heading in an Image – Oops!

Karen Mardahl - #a11yldn - #tcuk10

Page 43: Technical Communication and Inclusion

Editing the Alt Text – 1

Karen Mardahl - #a11yldn - #tcuk10

Page 44: Technical Communication and Inclusion

Editing the Alt Text – 2

Karen Mardahl - #a11yldn - #tcuk10

Page 45: Technical Communication and Inclusion

Using the Order Panel – 1

Karen Mardahl - #a11yldn - #tcuk10

Page 46: Technical Communication and Inclusion

Using the Content Panel – 1

Karen Mardahl - #a11yldn - #tcuk10

Page 47: Technical Communication and Inclusion

Using the Content Panel – 2

Karen Mardahl - #a11yldn - #tcuk10

Page 48: Technical Communication and Inclusion

Using the Tags Panel – 1

Karen Mardahl - #a11yldn - #tcuk10

Page 49: Technical Communication and Inclusion

Using the Tags Panel – 2

Karen Mardahl - #a11yldn - #tcuk10

Page 50: Technical Communication and Inclusion

Using the Tags Panel – 3

Karen Mardahl - #a11yldn - #tcuk10

Page 51: Technical Communication and Inclusion

Editing Requires Care

Karen Mardahl - #a11yldn - #tcuk10

Page 52: Technical Communication and Inclusion

Revealing Sins

Karen Mardahl - #a11yldn - #tcuk10

Page 53: Technical Communication and Inclusion

Table in the Content Panel

Karen Mardahl - #a11yldn - #tcuk10

Page 54: Technical Communication and Inclusion

Table in the Tags Panel

Karen Mardahl - #a11yldn - #tcuk10

Page 55: Technical Communication and Inclusion

A Side Note

Karen Mardahl - #a11yldn - #tcuk10

Page 56: Technical Communication and Inclusion

You’re not alone…

Karen Mardahl - #a11yldn - #tcuk10

http

://w

ww

.flic

kr.c

om/p

hoto

s/38

5043

74@

N02

/360

6527

857/

Page 57: Technical Communication and Inclusion

There are plenty of communities forlearning available for you today.That includes opportunities forawareness raising – like Pesky People –www.peskypeople.co.uk.

Karen Mardahl - #a11yldn - #tcuk10

Page 58: Technical Communication and Inclusion

Resources - 1Where to discuss, learn, and ask questions?

http://webaim.org/community/

LinkedIn: “IBM Accessibility” and “Society for Technical Communication, AccessAbility SIG”

http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.htm (newsletter)

http://www.headstar.com/eablive/ (sign up for great newsletter)

Where to discuss and learn ”live”?

Monitor http://lanyrd.com/topics/accessibility/, http://keycontent.org/tiki-calendar.php, and the Twitter account @a11yevents for information about conferences, barcamps, and other face-to-face events.

Karen Mardahl - #a11yldn - #tcuk10

Page 59: Technical Communication and Inclusion

Resources - 2What to read?

Just Ask: Integrating Accessibility Throughout Design by Shawn Lawton-Henry (also available online for free at http://www.uiaccess.com/accessucd/)

Letting Go of the Words by Ginny Redish (http://www.redish.net/content/books/lettinggoofthewords.html)

Who to follow in social media?

Find lots of great names from the collection at http://twitter.com/stcaccess/lists/

Karen Mardahl - #a11yldn - #tcuk10

Page 60: Technical Communication and Inclusion

Thank you!This conversation is unfinished.Let’s work on it through Twitter(@stcaccess) and www.stc-access.org.

Me?@kmdk, [email protected], andhttp://flavors.me/kmdk

Karen Mardahl - #a11yldn - #tcuk10