Technical Communication and Inclusion

Preview:

DESCRIPTION

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

Citation preview

Technical Communicationand Inclusion

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

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

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

Exclusion

Karen Mardahl - #a11yldn - #tcuk10

http

://w

ww

.flic

kr.c

om/p

hoto

s/fo

xypa

r4/2

1683

7526

4/

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/

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

The Transcript

Karen Mardahl - #a11yldn - #tcuk10

http

://w

ww

.flic

kr.c

om/p

hoto

s/th

omas

fred

eric

k/20

6227

407/

Transcribing Layout 1

Karen Mardahl - #a11yldn - #tcuk10

Transcribing Layout 2

Karen Mardahl - #a11yldn - #tcuk10

The Captions

Karen Mardahl - #a11yldn - #tcuk10

http

://w

ww

.flic

kr.c

om/p

hoto

s/th

omas

fred

eric

k/20

6227

407/

Uploading the Video

Karen Mardahl - #a11yldn - #tcuk10

Technical details of the video

Karen Mardahl - #a11yldn - #tcuk10

Processing the video

Karen Mardahl - #a11yldn - #tcuk10

Adding CaptionsNote the failed machine transcription.

PS This is where many people stop and publish.

Karen Mardahl - #a11yldn - #tcuk10

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

Karen Mardahl - #a11yldn - #tcuk10

Or do we add a transcript?

Karen Mardahl - #a11yldn - #tcuk10

Your caption file is processed

Karen Mardahl - #a11yldn - #tcuk10

And the caption file is added!

Karen Mardahl - #a11yldn - #tcuk10

Turn on the captions!

Karen Mardahl - #a11yldn - #tcuk10

Captions appear!It’s magic. Seriously!

Karen Mardahl - #a11yldn - #tcuk10

Grabbing the caption file for editing

Karen Mardahl - #a11yldn - #tcuk10

The amazing file of time codes

Karen Mardahl - #a11yldn - #tcuk10

Uploading the edited caption file

Karen Mardahl - #a11yldn - #tcuk10

The bonus…

Karen Mardahl - #a11yldn - #tcuk10

The interactive transcript

Karen Mardahl - #a11yldn - #tcuk10

The PDF

Karen Mardahl - #a11yldn - #tcuk10

http

://w

ww

.flic

kr.c

om/p

hoto

s/th

omas

fred

eric

k/20

6227

407/

EatingYour OwnDog Food

Karen Mardahl - #a11yldn - #tcuk10

Report from a meeting about accessibility was… inaccessible!

Ew

ww

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

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??

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

Karen Mardahl - #a11yldn - #tcuk10

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

The greatest accessibility checker of allis…

Karen Mardahl - #a11yldn - #tcuk10

The greatest accessibility checker of allis…

your brain.

Karen Mardahl - #a11yldn - #tcuk10

Checking your PDF

Karen Mardahl - #a11yldn - #tcuk10

Preparing Options for Full Check

Karen Mardahl - #a11yldn - #tcuk10

Ouch

Karen Mardahl - #a11yldn - #tcuk10

The Accessibility Report – 1

Karen Mardahl - #a11yldn - #tcuk10

The Accessibility Report – 2

Karen Mardahl - #a11yldn - #tcuk10

Navigating to Errors

Karen Mardahl - #a11yldn - #tcuk10

Fixing the PDF

Karen Mardahl - #a11yldn - #tcuk10

TouchUp Reading Order

Karen Mardahl - #a11yldn - #tcuk10

Heading in an Image – Oops!

Karen Mardahl - #a11yldn - #tcuk10

Editing the Alt Text – 1

Karen Mardahl - #a11yldn - #tcuk10

Editing the Alt Text – 2

Karen Mardahl - #a11yldn - #tcuk10

Using the Order Panel – 1

Karen Mardahl - #a11yldn - #tcuk10

Using the Content Panel – 1

Karen Mardahl - #a11yldn - #tcuk10

Using the Content Panel – 2

Karen Mardahl - #a11yldn - #tcuk10

Using the Tags Panel – 1

Karen Mardahl - #a11yldn - #tcuk10

Using the Tags Panel – 2

Karen Mardahl - #a11yldn - #tcuk10

Using the Tags Panel – 3

Karen Mardahl - #a11yldn - #tcuk10

Editing Requires Care

Karen Mardahl - #a11yldn - #tcuk10

Revealing Sins

Karen Mardahl - #a11yldn - #tcuk10

Table in the Content Panel

Karen Mardahl - #a11yldn - #tcuk10

Table in the Tags Panel

Karen Mardahl - #a11yldn - #tcuk10

A Side Note

Karen Mardahl - #a11yldn - #tcuk10

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/

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

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

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

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

Me?@kmdk, karen@mardahl.dk, andhttp://flavors.me/kmdk

Karen Mardahl - #a11yldn - #tcuk10

Recommended