{"id":225,"date":"2020-08-12T19:04:41","date_gmt":"2020-08-13T02:04:41","guid":{"rendered":"https:\/\/idwerkz.com\/blog\/?p=225"},"modified":"2020-08-12T21:17:34","modified_gmt":"2020-08-13T04:17:34","slug":"accessible-pdf","status":"publish","type":"post","link":"https:\/\/idwerkz.com\/blog\/accessibility\/accessible-pdf\/","title":{"rendered":"Accessible PDF"},"content":{"rendered":"\n<p>There are a lot of different PDF\u2019s in the world.<\/p>\n\n\n\n<p>Those of us who were around back when the Internet was invented can tell you horrible tales of how random and unpredictable digital information once was. <\/p>\n\n\n\n<p>The advent of a file format that could provide a consistent layout across different computers, monitors, and printers \u2013 that was a huge deal.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"928\" height=\"594\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/croods.png\" alt=\"illustration of three characters apparently celebrating  the same design appearing on 4 different screens.\" class=\"wp-image-226\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/croods.png 928w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/croods-300x192.png 300w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/croods-768x492.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>PDF brought consistency to the early Internet.<\/figcaption><\/figure>\n\n\n\n<p>Funny how quickly we can get used to something \u2013 but in the case of PDF, it is almost spooky how it gained such overwhelming dominance. There are so many ways to make a PDF that it is impossible to guess what the source might be for any unsolicited PDF file.<\/p>\n\n\n\n<p>The PDF file format is one of the most powerful and popular digital containers around. I have found that the percentage of PDF files in any online course is usually higher than the percentage of HTML files.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Value of the Source Document<\/h2>\n\n\n\n<p>Most PDF documents tend to start as another form of information, such as an MS Word file, MS PowerPoint file, MS Excel file, Google Doc, Google Sheet, InDesign, Pages file, Photoshop, Illustrator, Chrome, Firefox, your copy machine in the corner, my flatbed scanner, your cellphone, and somebody probably has a toaster or refrigerator that can make a PDF. <\/p>\n\n\n\n<p>I would not be surprised\u2026<\/p>\n\n\n\n<p>The tricky part is, if you don\u2019t have the accessibility solutions in place within your original content, the PDF you create will also not have any of the access solutions you need. <\/p>\n\n\n\n<p>Worst of all, it can sometimes be very challenging to apply the access strategies in Acrobat &#8211; assuming you own it.<\/p>\n\n\n\n<p><strong>Which reminds me, you need to own a Professional version of Acrobat to address the accessibility of your PDF documents. Get your school to buy you a copy if they haven&#8217;t already.<\/strong><\/p>\n\n\n\n<p>While you can create a PDF from pretty much anywhere, you still need to own a full version of Acrobat in order to edit and ensure accessibility is possible. I wish there was some less expensive option, but to the best of my knowledge, Acrobat still wins that category.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Access Strategies in Acrobat<\/h2>\n\n\n\n<p>Just like all the other digital formats in the world, our basic challenge is applying the access strategies for different types of digital content:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>MEDIA TYPE<\/td><td>ACCESS STRATEGY<\/td><\/tr><tr><td>Text<\/td><td>Structure (Headings, list styles, paragraph styles, etc.), clarity, legibility, contrast.<\/td><\/tr><tr><td>Images<\/td><td>Text descriptions and captions<\/td><\/tr><tr><td>Audio<\/td><td>Text transcript<\/td><\/tr><tr><td>Video<\/td><td>Captioning and narrative description<\/td><\/tr><tr><td>Interactive<\/td><td>Text labels, keyboard control, Section 508 &amp; WCAG<\/td><\/tr><tr><td>Complex\/Combination<\/td><td>All of the above\u2026<\/td><\/tr><\/tbody><\/table><figcaption>Digital Media Access Strategies<\/figcaption><\/figure>\n\n\n\n<p>The easiest, most straight-forward and trouble-free approach is to start with a document that has all of the above access strategies in place before it was converted\/saved to PDF.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Accessibility Tools<\/h2>\n\n\n\n<p>If this is your first time dealing with accessibility in Acrobat, it is most likely the case that your Accessibility Tools are not on deck.<\/p>\n\n\n\n<p>Near the bottom of the toolbar at the right-hand edge of the program window, find and click the \u201cMore Tools\u201d button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"143\" height=\"46\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/more-tools.png\" alt=\"More Tools button from Acrobat.\" class=\"wp-image-227\"\/><figcaption>More Tools button from Acrobat.<\/figcaption><\/figure>\n\n\n\n<p>Acrobat will open the Tools inventory. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"530\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/tools-1-1024x530.png\" alt=\"Acrobat Tools inventory.\" class=\"wp-image-233\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/tools-1-1024x530.png 1024w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/tools-1-300x155.png 300w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/tools-1-768x398.png 768w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/tools-1.png 1033w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Acrobat Tools inventory.<\/figcaption><\/figure>\n\n\n\n<p>Select Accessibility from the \u201cProtect &amp; Standardize\u201d category and Action Wizard from the \u201cCustomize\u201d category near the bottom of the list. You should now have the Accessibility and Action Wizard at the bottom of your toolbar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"234\" height=\"622\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/tools-a11yloaded-3.png\" alt=\"Acrobat toolbar with Accessibility and Action Wizard tool options.\" class=\"wp-image-232\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/tools-a11yloaded-3.png 234w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/tools-a11yloaded-3-113x300.png 113w\" sizes=\"auto, (max-width: 234px) 100vw, 234px\" \/><figcaption><em>Acrobat toolbar with Accessibility and Action Wizard tool options.<\/em><\/figcaption><\/figure>\n\n\n\n<p>Click on the Accessibility Tool and you are ready to begin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tags or No Tags?<\/h2>\n\n\n\n<p>Before you can do anything with your PDF, it needs to be tagged. To view the tags tool, we need to open the Navigation Panel on the left-hand side. Find and click the expander handle to reveal the Navigation Pane.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"1024\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/navpaneexpanderhandle-540x1024.png\" alt=\"Navigation Panel Expander Handle,\" class=\"wp-image-234\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/navpaneexpanderhandle-540x1024.png 540w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/navpaneexpanderhandle-158x300.png 158w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/navpaneexpanderhandle.png 548w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><figcaption>Navigation Panel Expander Handle,<\/figcaption><\/figure>\n\n\n\n<p>If this is your first time checking accessibility with this document, you will probably need to load the Tags tool into the Navigation Panel. Go to the \u201cView\u201d menu and select \u201cShow\/Hide, Navigation Panes, Tags\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"817\" height=\"612\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/showtags.png\" alt=\"Menu path for adding the Tags tool to the Acrobat Navigation Pane.\" class=\"wp-image-235\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/showtags.png 817w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/showtags-300x225.png 300w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/showtags-768x575.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Menu path for adding the Tags tool to the Acrobat Navigation Pane.<\/figcaption><\/figure>\n\n\n\n<p>Click on the Tags tool to reveal the Tags explorer. <\/p>\n\n\n\n<p>If it says No Tags available, proceed to the next step. <\/p>\n\n\n\n<p>Otherwise, if you&#8217;ve got tags, skip ahead to  the last step: \u201cACTION WIZARD: Make Accessible\u201d.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">AutoTag Document<\/h2>\n\n\n\n<p>If you\u2019re reading this step it is because your source document did not include the advanced formatting to tell Acrobat about your content.<\/p>\n\n\n\n<p>But this is not a big problem!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"928\" height=\"598\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/croods-1.png\" alt=\"illustration of woman sitting on orange sofa with laptop in a yellow room.\" class=\"wp-image-236\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/croods-1.png 928w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/croods-1-300x193.png 300w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/croods-1-768x495.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Acrobat will auto-tag your document if you need it to.<\/figcaption><\/figure>\n\n\n\n<p>Now we will have Acrobat examine the document and do its best to figure out what kind of data the PDF is comprised of.<\/p>\n\n\n\n<p>From the \u201cAccessibility\u201d tools on the right-hand side of the program window, select the first option, \u201cAutotag Document\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"234\" height=\"386\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/autotag.png\" alt=\"Autotag Document option from Accessibility Tools.\" class=\"wp-image-237\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/autotag.png 234w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/autotag-182x300.png 182w\" sizes=\"auto, (max-width: 234px) 100vw, 234px\" \/><figcaption>Autotag Document option from Accessibility Tools.<\/figcaption><\/figure>\n\n\n\n<p>Acrobat will process your document and generate an \u201cAdd Tags Report\u201d that typically includes any Accessibility concerns it could identify, such as images without Alt Text descriptions, questionable reading order, and various meta-information.<\/p>\n\n\n\n<p>Issues such as discerning a logical reading order still require your attention to determine, as well as determining if alternate text descriptions are descriptive enough.<\/p>\n\n\n\n<p>Now that your PDF is tagged, click the view control to make Acrobat display one page at a time. The Accessibility tools behave themselves better in single page view mode.<\/p>\n\n\n\n<p>You are now ready to begin!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"523\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/croods-2.png\" alt=\"Illustration of man sitting with laptop, ready to get accessible.\" class=\"wp-image-238\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/croods-2.png 800w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/croods-2-300x196.png 300w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/croods-2-768x502.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Ready to begin!<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">ACTION WIZARD: Make Accessible<\/h2>\n\n\n\n<p>Choose the Action Wizard from the toolbar. An \u201cActions List\u201d will appear.<\/p>\n\n\n\n<p>The first action in the list is \u201cMake Accessible\u201d \u2013 click it and follow the directions to address basic accessibility issues, the sorts of things an automated testing algorithm can deal with.<\/p>\n\n\n\n<p>The last process the Make Accessible routine will do is prepare an Accessibility Check of your document. Examine the parameters it is testing for, and then launch the check.<\/p>\n\n\n\n<p>Once the Accessibility Check is finished it will create an Accessibility Report with any issues affecting the accessibility of the PDF. <\/p>\n\n\n\n<p>You can click through the links for the different issues in the report and get individual instructions for any issues that need to be addressed.<\/p>\n\n\n\n<p>Go ahead and see what you can figure out on your own. Run the test again after you have made the suggested adjustments and make sure you didn&#8217;t miss anything.<\/p>\n\n\n\n<p>Save your PDF with a different name if you&#8217;re worried about making mistakes.<\/p>\n\n\n\n<p>I\u2019ll be covering the results from an Accessibility Checker scan of a simple document in tomorrow\u2019s post, and show you how to resolve the common issues and how to do the human verification required for others.<\/p>\n\n\n\n<p>Thanks for reading!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are a lot of different PDF\u2019s in the world. Those of us who were around back when the Internet was invented can tell you horrible tales of how random and unpredictable digital information once was. The advent of a file format that could provide a consistent layout across different computers, monitors, and printers \u2013 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/idwerkz.com\/blog\/accessibility\/accessible-pdf\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Accessible PDF&#8221;<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,5,40],"tags":[9,42,41],"class_list":["post-225","post","type-post","status-publish","format-standard","hentry","category-31-days-to-a11y","category-accessibility","category-how-to","tag-a11y","tag-acrobat","tag-pdf"],"_links":{"self":[{"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/posts\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":4,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/posts\/225\/revisions"}],"predecessor-version":[{"id":243,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/posts\/225\/revisions\/243"}],"wp:attachment":[{"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/media?parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/categories?post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/tags?post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}