Technical Communication and Inclusion

3,565 views
3,384 views

Published on

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

Published in: Technology
2 Comments
3 Likes
Statistics
Notes
No Downloads
Views
Total views
3,565
On SlideShare
0
From Embeds
0
Number of Embeds
125
Actions
Shares
0
Downloads
30
Comments
2
Likes
3
Embeds 0
No embeds

No notes for slide

Technical Communication and Inclusion

  1. 1. Technical Communication and Inclusion Karen Mardahl #a11yldn – 21 Sept. 2010 #tcuk10 – 23 Sept. 2010
  2. 2. Preaching Accessibility Karen Mardahl - #a11yldn - #tcuk10 http://commons.wikimedia.org/wiki/File:039.Moses_Comes_Down_from_Mount_Sinai.jpg
  3. 3. Preaching Accessibility Karen Mardahl - #a11yldn - #tcuk10 http://commons.wikimedia.org/wiki/File:039.Moses_Comes_Down_from_Mount_Sinai.jpg P erceivable O perable U nderstandable R obust
  4. 4. Exclusion Karen Mardahl - #a11yldn - #tcuk10 http://www.flickr.com/photos/foxypar4/2168375264/
  5. 5. So where do we start? Karen Mardahl - #a11yldn - #tcuk10 http://www.flickr.com/photos/thomasfrederick/206227407/
  6. 6. How to… <ul><li>Make videos accessible to Deaf or hard-of-hearing (HOH) people (transcripts & captioning) </li></ul><ul><li>Make accessible PDFs </li></ul><ul><ul><li>Write good ALT text </li></ul></ul><ul><ul><li>Write in plain language </li></ul></ul>
  7. 7. The Transcript Karen Mardahl - #a11yldn - #tcuk10 http://www.flickr.com/photos/thomasfrederick/206227407/
  8. 8. Transcribing Layout 1 Karen Mardahl - #a11yldn - #tcuk10
  9. 9. Transcribing Layout 2 Karen Mardahl - #a11yldn - #tcuk10
  10. 10. The Captions Karen Mardahl - #a11yldn - #tcuk10 http://www.flickr.com/photos/thomasfrederick/206227407/
  11. 11. Uploading the Video Karen Mardahl - #a11yldn - #tcuk10
  12. 12. Technical details of the video Karen Mardahl - #a11yldn - #tcuk10
  13. 13. Processing the video Karen Mardahl - #a11yldn - #tcuk10
  14. 14. Adding Captions <ul><li>Note the failed machine transcription. </li></ul><ul><li>PS This is where many people stop and publish. </li></ul>Karen Mardahl - #a11yldn - #tcuk10
  15. 15. Do we add captions… <ul><li>We don’t have a file with time codes, so we can’t. </li></ul>Karen Mardahl - #a11yldn - #tcuk10
  16. 16. Or do we add a transcript? Karen Mardahl - #a11yldn - #tcuk10
  17. 17. Your caption file is processed Karen Mardahl - #a11yldn - #tcuk10
  18. 18. And the caption file is added! Karen Mardahl - #a11yldn - #tcuk10
  19. 19. Turn on the captions! Karen Mardahl - #a11yldn - #tcuk10
  20. 20. Captions appear! <ul><li>It’s magic. Seriously! </li></ul>Karen Mardahl - #a11yldn - #tcuk10
  21. 21. Grabbing the caption file for editing Karen Mardahl - #a11yldn - #tcuk10
  22. 22. The amazing file of time codes Karen Mardahl - #a11yldn - #tcuk10
  23. 23. Uploading the edited caption file Karen Mardahl - #a11yldn - #tcuk10
  24. 24. The bonus… Karen Mardahl - #a11yldn - #tcuk10
  25. 25. The interactive transcript Karen Mardahl - #a11yldn - #tcuk10
  26. 26. The PDF Karen Mardahl - #a11yldn - #tcuk10 http://www.flickr.com/photos/thomasfrederick/206227407/
  27. 27. Eating Your Own Dog Food Karen Mardahl - #a11yldn - #tcuk10 Report from a meeting about accessibility was… inaccessible! Ewww
  28. 28. Ten Steps to Accessible PDFs Karen Mardahl - #a11yldn - #tcuk10 <ul><li>Use a structured source document (+ alt text !) </li></ul><ul><li>Save/export document as tagged PDF </li></ul><ul><li>Add title, author, subject, and keywords </li></ul><ul><li>Add bookmarks </li></ul><ul><li>Initial view </li></ul><ul><li>Specify the reading language </li></ul><ul><li>Correct the reading order </li></ul><ul><li>Use PDF Optimizer </li></ul><ul><li>Enable Adobe Reader features </li></ul><ul><li>Check accessibility </li></ul>
  29. 29. 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??
  30. 30. Warning: You must turn on your brain, keep it turned on throughout the following process, and, most important of all, use it. Karen Mardahl - #a11yldn - #tcuk10
  31. 31. Warning: You must turn on your brain, keep it turned on throughout the following process, and, most important of all, use it. Why? Karen Mardahl - #a11yldn - #tcuk10
  32. 32. The greatest accessibility checker of all is… Karen Mardahl - #a11yldn - #tcuk10
  33. 33. The greatest accessibility checker of all is… your brain. Karen Mardahl - #a11yldn - #tcuk10
  34. 34. Checking your PDF Karen Mardahl - #a11yldn - #tcuk10
  35. 35. Preparing Options for Full Check Karen Mardahl - #a11yldn - #tcuk10
  36. 36. Ouch Karen Mardahl - #a11yldn - #tcuk10
  37. 37. The Accessibility Report – 1 Karen Mardahl - #a11yldn - #tcuk10
  38. 38. The Accessibility Report – 2 Karen Mardahl - #a11yldn - #tcuk10
  39. 39. Navigating to Errors Karen Mardahl - #a11yldn - #tcuk10
  40. 40. Fixing the PDF Karen Mardahl - #a11yldn - #tcuk10
  41. 41. TouchUp Reading Order Karen Mardahl - #a11yldn - #tcuk10
  42. 42. Heading in an Image – Oops! Karen Mardahl - #a11yldn - #tcuk10
  43. 43. Editing the Alt Text – 1 Karen Mardahl - #a11yldn - #tcuk10
  44. 44. Editing the Alt Text – 2 Karen Mardahl - #a11yldn - #tcuk10
  45. 45. Using the Order Panel – 1 Karen Mardahl - #a11yldn - #tcuk10
  46. 46. Using the Content Panel – 1 Karen Mardahl - #a11yldn - #tcuk10
  47. 47. Using the Content Panel – 2 Karen Mardahl - #a11yldn - #tcuk10
  48. 48. Using the Tags Panel – 1 Karen Mardahl - #a11yldn - #tcuk10
  49. 49. Using the Tags Panel – 2 Karen Mardahl - #a11yldn - #tcuk10
  50. 50. Using the Tags Panel – 3 Karen Mardahl - #a11yldn - #tcuk10
  51. 51. Editing Requires Care Karen Mardahl - #a11yldn - #tcuk10
  52. 52. Revealing Sins Karen Mardahl - #a11yldn - #tcuk10
  53. 53. Table in the Content Panel Karen Mardahl - #a11yldn - #tcuk10
  54. 54. Table in the Tags Panel Karen Mardahl - #a11yldn - #tcuk10
  55. 55. A Side Note Karen Mardahl - #a11yldn - #tcuk10
  56. 56. You’re not alone… Karen Mardahl - #a11yldn - #tcuk10 http://www.flickr.com/photos/38504374@N02/3606527857/
  57. 57. There are plenty of communities for learning available for you today. That includes opportunities for awareness raising – like Pesky People – www.peskypeople.co.uk. Karen Mardahl - #a11yldn - #tcuk10
  58. 58. Resources - 1 <ul><li>Where to discuss, learn, and ask questions? </li></ul><ul><li>http://webaim.org/community/ </li></ul><ul><li>LinkedIn: “IBM Accessibility” and “Society for Technical Communication, AccessAbility SIG” </li></ul><ul><li>http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.htm (newsletter) </li></ul><ul><li>http://www.headstar.com/eablive/ (sign up for great newsletter) </li></ul><ul><li>Where to discuss and learn ”live”? </li></ul><ul><li>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. </li></ul>Karen Mardahl - #a11yldn - #tcuk10
  59. 59. Resources - 2 <ul><li>What to read? </li></ul><ul><li>Just Ask: Integrating Accessibility Throughout Design by Shawn Lawton-Henry (also available online for free at http://www.uiaccess.com/accessucd/) </li></ul><ul><li>Letting Go of the Words by Ginny Redish (http://www.redish.net/content/books/lettinggoofthewords.html) </li></ul><ul><li>Who to follow in social media? </li></ul><ul><li>Find lots of great names from the collection at http://twitter.com/stcaccess/lists/ </li></ul>Karen Mardahl - #a11yldn - #tcuk10
  60. 60. Thank you! This conversation is unfinished. Let’s work on it through Twitter (@stcaccess) and www.stc-access.org. Me? @kmdk, karen@mardahl.dk, and http://flavors.me/kmdk Karen Mardahl - #a11yldn - #tcuk10

×