technical communication and inclusion
DESCRIPTION
A mini-tutorial made at Web Accessibility Unconference London 21 Sept. 2010 and Technical Communication UK 23 Sept. 2010.TRANSCRIPT
![Page 1: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/1.jpg)
Technical Communicationand Inclusion
Karen Mardahl#a11yldn – 21 Sept. 2010#tcuk10 – 23 Sept. 2010
![Page 2: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/2.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
![Page 3: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/3.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
![Page 4: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/4.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/5.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/6.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/7.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/8.jpg)
Transcribing Layout 1
Karen Mardahl - #a11yldn - #tcuk10
![Page 9: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/9.jpg)
Transcribing Layout 2
Karen Mardahl - #a11yldn - #tcuk10
![Page 10: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/10.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/11.jpg)
Uploading the Video
Karen Mardahl - #a11yldn - #tcuk10
![Page 12: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/12.jpg)
Technical details of the video
Karen Mardahl - #a11yldn - #tcuk10
![Page 13: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/13.jpg)
Processing the video
Karen Mardahl - #a11yldn - #tcuk10
![Page 14: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/14.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/15.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/16.jpg)
Or do we add a transcript?
Karen Mardahl - #a11yldn - #tcuk10
![Page 17: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/17.jpg)
Your caption file is processed
Karen Mardahl - #a11yldn - #tcuk10
![Page 18: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/18.jpg)
And the caption file is added!
Karen Mardahl - #a11yldn - #tcuk10
![Page 19: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/19.jpg)
Turn on the captions!
Karen Mardahl - #a11yldn - #tcuk10
![Page 20: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/20.jpg)
Captions appear!It’s magic. Seriously!
Karen Mardahl - #a11yldn - #tcuk10
![Page 21: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/21.jpg)
Grabbing the caption file for editing
Karen Mardahl - #a11yldn - #tcuk10
![Page 22: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/22.jpg)
The amazing file of time codes
Karen Mardahl - #a11yldn - #tcuk10
![Page 23: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/23.jpg)
Uploading the edited caption file
Karen Mardahl - #a11yldn - #tcuk10
![Page 24: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/24.jpg)
The bonus…
Karen Mardahl - #a11yldn - #tcuk10
![Page 25: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/25.jpg)
The interactive transcript
Karen Mardahl - #a11yldn - #tcuk10
![Page 26: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/26.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/27.jpg)
EatingYour OwnDog Food
Karen Mardahl - #a11yldn - #tcuk10
Report from a meeting about accessibility was… inaccessible!
Ew
ww
![Page 28: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/28.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/29.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/30.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/31.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/32.jpg)
The greatest accessibility checker of allis…
Karen Mardahl - #a11yldn - #tcuk10
![Page 33: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/33.jpg)
The greatest accessibility checker of allis…
your brain.
Karen Mardahl - #a11yldn - #tcuk10
![Page 34: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/34.jpg)
Checking your PDF
Karen Mardahl - #a11yldn - #tcuk10
![Page 35: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/35.jpg)
Preparing Options for Full Check
Karen Mardahl - #a11yldn - #tcuk10
![Page 36: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/36.jpg)
Ouch
Karen Mardahl - #a11yldn - #tcuk10
![Page 37: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/37.jpg)
The Accessibility Report – 1
Karen Mardahl - #a11yldn - #tcuk10
![Page 38: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/38.jpg)
The Accessibility Report – 2
Karen Mardahl - #a11yldn - #tcuk10
![Page 39: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/39.jpg)
Navigating to Errors
Karen Mardahl - #a11yldn - #tcuk10
![Page 40: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/40.jpg)
Fixing the PDF
Karen Mardahl - #a11yldn - #tcuk10
![Page 41: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/41.jpg)
TouchUp Reading Order
Karen Mardahl - #a11yldn - #tcuk10
![Page 42: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/42.jpg)
Heading in an Image – Oops!
Karen Mardahl - #a11yldn - #tcuk10
![Page 43: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/43.jpg)
Editing the Alt Text – 1
Karen Mardahl - #a11yldn - #tcuk10
![Page 44: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/44.jpg)
Editing the Alt Text – 2
Karen Mardahl - #a11yldn - #tcuk10
![Page 45: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/45.jpg)
Using the Order Panel – 1
Karen Mardahl - #a11yldn - #tcuk10
![Page 46: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/46.jpg)
Using the Content Panel – 1
Karen Mardahl - #a11yldn - #tcuk10
![Page 47: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/47.jpg)
Using the Content Panel – 2
Karen Mardahl - #a11yldn - #tcuk10
![Page 48: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/48.jpg)
Using the Tags Panel – 1
Karen Mardahl - #a11yldn - #tcuk10
![Page 49: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/49.jpg)
Using the Tags Panel – 2
Karen Mardahl - #a11yldn - #tcuk10
![Page 50: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/50.jpg)
Using the Tags Panel – 3
Karen Mardahl - #a11yldn - #tcuk10
![Page 51: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/51.jpg)
Editing Requires Care
Karen Mardahl - #a11yldn - #tcuk10
![Page 52: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/52.jpg)
Revealing Sins
Karen Mardahl - #a11yldn - #tcuk10
![Page 53: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/53.jpg)
Table in the Content Panel
Karen Mardahl - #a11yldn - #tcuk10
![Page 54: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/54.jpg)
Table in the Tags Panel
Karen Mardahl - #a11yldn - #tcuk10
![Page 55: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/55.jpg)
A Side Note
Karen Mardahl - #a11yldn - #tcuk10
![Page 56: Technical Communication and Inclusion](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/56.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/57.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/58.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/59.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022102813/54533626af7959c07f8b72fa/html5/thumbnails/60.jpg)
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