{"id":1488,"date":"2019-11-29T14:38:22","date_gmt":"2019-11-29T14:38:22","guid":{"rendered":"https:\/\/blog.ucem.ac.uk\/onlineeducation\/?p=1488"},"modified":"2020-02-18T10:54:31","modified_gmt":"2020-02-18T10:54:31","slug":"accessible-pdfs-tags-and-reading-order-3-4","status":"publish","type":"post","link":"https:\/\/blog.ucem.ac.uk\/onlineeducation\/posts\/1488","title":{"rendered":"Accessible PDFs &#8211; Tags and Reading Order (3\/5)"},"content":{"rendered":"<p>This is the third post of Accessible PDFs series of blogs. You can view the other posts from<\/p>\n<ul>\n<li><a href=\"https:\/\/blog.ucem.ac.uk\/onlineeducation\/posts\/1463\">Accessible PDFs \u2013 Creating a PDF (1\/5)<\/a><\/li>\n<li><a href=\"https:\/\/blog.ucem.ac.uk\/onlineeducation\/posts\/1474\">Accessible PDFs \u2013 Document Structure (2\/5)<\/a><\/li>\n<\/ul>\n<p>My posts were inspired by\u00a0these three very useful articles:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.linkedin.com\/pulse\/pdf-print-devils-format-alistair-mcnaught\">PDF \u2013 the Print Devli\u2019s Format?<\/a><\/li>\n<li><a href=\"https:\/\/webaim.org\/techniques\/acrobat\/\">PDF Accessibility<\/a><\/li>\n<li><a href=\"https:\/\/www.adobe.com\/accessibility\/products\/acrobat\/pdf-repair-repair-tables.html\">PDF Accessibility Repair: Examine and Repair Tables<\/a><\/li>\n<\/ul>\n<p>In this post I am looking at document tags and reading order which you can examine using the Accessibility pane.\u00a0 According to <a href=\"https:\/\/acrobat.adobe.com\/za\/en\/acrobat\/pricing\/compare-versions.html\">Adobe Acrobat feature comparison,<\/a> accessibility features are available in <strong>Acrobat XI Pro<\/strong>, <strong>Acrobat Pro 2017<\/strong> and <strong>Acrobat Pro DC<\/strong>.<\/p>\n<h2>Tags<\/h2>\n<p>To open Tags pane use <strong>View &gt; Show\/Hide &gt; Navigation panes &gt; Tags<\/strong>.<\/p>\n<figure id=\"attachment_1504\" aria-describedby=\"caption-attachment-1504\" style=\"width: 274px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-content\/uploads\/2019\/11\/tags.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1504 size-full\" src=\"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-content\/uploads\/2019\/11\/tags.png\" alt=\"Tags pane\" width=\"274\" height=\"506\" srcset=\"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-content\/uploads\/2019\/11\/tags.png 274w, https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-content\/uploads\/2019\/11\/tags-162x300.png 162w\" sizes=\"(max-width: 274px) 100vw, 274px\" \/><\/a><figcaption id=\"caption-attachment-1504\" class=\"wp-caption-text\">Figure 1: Tags pane<\/figcaption><\/figure>\n<p>These tags are used by screen-reader software. There is also something called content order, which is used by Adobe to rearrange content when a user selects Reflow (or to fit content into mobile screen).<\/p>\n<p>Because of this complexity, to get a document accessible, we need to make the content and tag order\u00a0 match the visual order.<\/p>\n<p>To do this open the <strong>Reading Order<\/strong> tool and select the <strong>Page content order<\/strong> radio button. You will see content order shown by a number on the left hand corner of each encompassing box. If this order is not correct open select the <strong>Show Order Panel<\/strong> button.<\/p>\n<figure id=\"attachment_1505\" aria-describedby=\"caption-attachment-1505\" style=\"width: 989px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-content\/uploads\/2019\/11\/order-pane.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1505 size-full\" src=\"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-content\/uploads\/2019\/11\/order-pane.png\" alt=\"Order panel\" width=\"989\" height=\"693\" srcset=\"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-content\/uploads\/2019\/11\/order-pane.png 989w, https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-content\/uploads\/2019\/11\/order-pane-300x210.png 300w, https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-content\/uploads\/2019\/11\/order-pane-768x538.png 768w\" sizes=\"(max-width: 989px) 100vw, 989px\" \/><\/a><figcaption id=\"caption-attachment-1505\" class=\"wp-caption-text\">Figure 2: Order panel<\/figcaption><\/figure>\n<p>You can click and drag items to correct the content order or use cut and paste shortcut keys to correct the order. However, using this page can be confusing. This content order changes made will be reflected on both tags and content order. But <a href=\"https:\/\/webaim.org\/techniques\/acrobat\/acrobat\">WebAIM tutorial Page 3: Acrobat and Accessibility<\/a> says that this can be unpredictable. So they recommend correcting the <strong>Order<\/strong> pane and then verifying in the <strong>Tags<\/strong> pane.<\/p>\n<p>Now that we have done all what is required for accessibility enhancing in the next post I will discuss accessibility checking.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is the third post of Accessible PDFs series of blogs. You can view the other posts from Accessible PDFs \u2013 Creating a PDF (1\/5)&hellip;<\/p>\n","protected":false},"author":10,"featured_media":1481,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[26,134,133,135],"_links":{"self":[{"href":"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-json\/wp\/v2\/posts\/1488"}],"collection":[{"href":"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-json\/wp\/v2\/comments?post=1488"}],"version-history":[{"count":7,"href":"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-json\/wp\/v2\/posts\/1488\/revisions"}],"predecessor-version":[{"id":1580,"href":"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-json\/wp\/v2\/posts\/1488\/revisions\/1580"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-json\/wp\/v2\/media\/1481"}],"wp:attachment":[{"href":"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-json\/wp\/v2\/media?parent=1488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-json\/wp\/v2\/categories?post=1488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ucem.ac.uk\/onlineeducation\/wp-json\/wp\/v2\/tags?post=1488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}