Introduction to accessible PDFs

2,065 views

Published on

This introduction on accessible PDFs was presented at the Web Accessibility 2.0 Seminar for the Web Industry Professionals Association (WIPA) in Melbourne Australia on the 4th December 2008.

All content is copyright Vision Australia 2009

Any comments or questions most welcome!

Published in: Technology
  • Be the first to comment

Introduction to accessible PDFs

  1. 1. ACCESSIBLE PDFS
  2. 2. A PRESENTATION BY VISION AUSTRALIA
  3. 3. FOR THE WEB ACCESSIBILITY 2.0 SEMINAR MELBOURNE 2008 Copyright © Vision Australia 2008. For educational use only. No part of this presentation may be published, sold, or otherwise used for profit without the written permission of the author.
  4. 4. WHAT YOU’LL LEARN TODAY: 1. Accessibility features of PDFs CONCISELY
  5. 5. IN THE PAST… HAS PDF BEEN CONSIDERED ACCESSIBLE?
  6. 6. ONE REASON: PDF DOCUMENTS ARE OFTEN SAVED AS AN IMAGE …AND THEN WHACKED STRAIGHT UP ONTO THE SITE
  7. 7. SCREEN READER USERS CAN’T ACCESS THE CONTENT
  8. 8. THEY KNOW IT IS THERE, BUT THEY CAN’T READ IT
  9. 9. LISTEN AND RECORD WALLPAPER “Those with perfect vision are excluded from the meaning of the design – a role they are unaccustomed to and which visually impaired people experience daily”
  10. 10. SO HOW CAN WE MAKE THEM ACCESSIBLE?
  11. 11. SCREEN READER USERS: 1. Tagging PDFs 2. Bookmarks 3. Reading order
  12. 12. VISION IMPAIRED USERS: 1. Zoom 2. High contrast 3. Built in reader (Read out loud) 4. Customise form field focus colours
  13. 13. PHYSICALLY IMPAIRED USERS: 1. Bookmarks 2. Automatically scroll
  14. 14. USERS CAN CONTROL: 1. Contrast 2. Zoom 3. Screen reader reading order 4. Form field focus colours
  15. 15. ACCESSIBILITY SET-UP ASSISTANT
  16. 16. DESIGNERS CAN CONTROL: 1. Semantic structure 2. Screen reader reading order 3. Colour contrast 4.Clear links and writing 5.Bookmarks 6. Form field focus colours
  17. 17. PDF TAGS ARE SIMILAR TO HTML
  18. 18. Tag Description Note <h1> to <h6> Headings <p> Paragraph <l> List Similar to <ul> or <ol> tag in HTML <li> List item <table><tr><th><t Table, Table row, d> Table header, Table data <figure> Figure Similar to <img> tag in HTML
  19. 19. HOW DO WE TAG THEM?
  20. 20. PROVIDING ALT TEXT FOR IMAGES
  21. 21. DEALING WITH LANGUAGES
  22. 22. CONTROLLING THE READING ORDER
  23. 23. ARTIFACTS – HIDE CONTENT FROM SCREEN READERS
  24. 24. BOOKMARKS
  25. 25. THE KEY IS TO BUILD IT INTO YOUR WORKFLOW
  26. 26. ADOBE INDESIGN: 1.Use paragraph and character styles 2.Control the reading order 3.Provide alternative text for images 4.Link paragraph and character styles to tags
  27. 27. MICROSOFT WORD: 1. Mark-up headings and lists using styles 2. Provide alternative text for images
  28. 28. CONVERTING TO PDF 1.Switch on the setting so that the tags are imported into the PDF – Not on by default 2.Use Adobe Distiller to set-up a pre-set for your organisation
  29. 29. ACCESSIBILITY CHECKING
  30. 30. THANKS!
  31. 31. Suggestions, questions Email: webaccess@visionaustralia.org.au Phone: 1300 367 055 Web: www.visionaustralia.org.au/webaccess

×