Posts

PDF accessibility - creating tags

Image
It's been a while since I last posted about PDFs. However, as part of my handover at work, I've been creating some video resources about how to tag PDFs. This is by no means an exhaustive guide, but hopes to introduce several different types of tag and how to create them. Headings and paragraphs Most of the text on the page is likely to be normal paragraphs. Normal text is marked up using a paragraph tag. Headings should also be marked up. Formatting alone is not enough. Headings should be nested correctly, beginning with <h1>, and not skipping any headings. This will be explained further in the video. Lists When we see a list on a page, it is obvious that it is a list. We can immediately see how many items there are and where each new item begins. For a screen reader to give this information, lists need to be marked up correctly. This video will show you how. Tables Tables should only be used to present tabular data or information. Never use tables for layout. (I may hav

Time for change

This week, I did a sad thing. I handed in my notice at SSCL, where I've been working for almost three years. It was sad because I genuinely love my job. The team I work with are amazing! I will miss them so much! However, at the end of this month, I will be leaving the team. HMPPS I will also miss my main client. I've been working with the HMPPS (Her Majesty's Prison and Probation Service) learning and development team since I got this job. It brought me into a world that I had never even thought about. I have learned so much about our justice system and particularly how offenders are dealt with, than I could possibly imagine. The thing that has leapt out at me, time and time again, is how much energy, time and resource goes into those who have committed offences. HMPPS is a huge organisation, and I'm sure they don't get it right all the time, and I'm sure there are a few individuals that don't fit this model... however, the emphasis on treating offenders wi

PFD Accessibility - fixing tags and reading order

Image
There are two possible problems with the tags in a PDF. The first is that the document is untagged. This means that no tags have been given and therefore a screen reader will have to get information in some other way. The second is that the document is tagged... maybe it has been automatically tagged when created from Word... but the tags are not quite right.  This can happen when the Word document or PowerPoint that the PDF was created from, wasn't checked for accessibility, but there are other things that can affect it too. It is always best to check the tags.  In the video that follows, I have deliberately kept in some of the things I tried that didn't quite work, to show you how to overcome them. It is a longer than usual video, but should give you a good overview of how to check and fix tags. Fixing Tags Tags determine the running order of a PDF when it is read by a screen reader. So the most important thing is that all the items are in the correct order. In the video, som

PDF accessibility - title

Image
One of the most common errors that comes up in a PDF accessibility check is missing title. The video that follows assumes that no title has been given.  To check the title, you can click on File ... Properties and see if anything is in the Title field. If there is but it is still flagging as an error, you have two options: 1. If the title is correct, close the popup, right click on the title error and click Fix . 2. If the title is wrong, delete it and then follow the instructions in the video. How to add a title This video includes a preview of what JAWS (screen reader) reads before and after we have fixed the title. Before, it reads the file name. In my case, when I saved the document, I gave the file a sensible name... but just imagine if JAWS was reading the default download filename with those %20 bits in. Horrible! Just a quick word about the quality of the screen recording. I'm experimenting with a few different screen recording tools. I've recorded this one using Vimeo

PDF accessibility - how to check

Image
We've been looking at WCAG 2.1 and how to ensure that your content meets these important guidelines. We haven't finished yet but I'd like to branch off on a little tangent and take a more detailed look at PDFs and accessibility. This is quite complicated compared to using Microsoft Office and it requires some specialist software. Most people are familiar with Adobe Acrobat - the PDF reader. For accessibility work, you really need the Pro version of Acrobat. It comes as part of Adobe Creative Cloud or you can buy a single product licence.  Accessibility Tools Accessibility tools are not turned on by default, so you'll need to go into your tools tab, scroll down and add Accessibility to your tools pane. This will give you an accessibility checker, which will analyse your PDF and identify any errors and warnings.  Errors usually include things like missing language, title, alt text and tags. Warnings are usually things that need manual checking, such as colour contrast. Vi

2.4.3 Focus order & 2.4.7 Focus visible

Image
These two guidelines seem pretty similar. They actually follow on from each other but the former is an A level requirement and the latter, AA. What is focus order? Focus order means that as you tab through a website, the interactive items (links and buttons) that you go through, are in a logical order. Usually, this just happens automatically, especially if the website is quite simple but there are situations where it goes wrong. We recently got new HR and benfits systems at work and I was involved in user testing. One of the main things I test for is keyboard navigation. This was really odd! There were tiles across the screen, and each one was a link to a particular benefit... but when you tabbed through, the order was completely random! They went back to the supplier of course, and it got fixed.  Reading order Reading order is important in PowerPoint. I was sent a PowerPoint presentation to check this week. The author had actually done a really good job of things like alt text - amon

2.4.2 Page titled

Image
This is possibly the most obvious guideline but one that sometimes gets overlooked. I'm going to stretch it a little to cover more than just webpages. The actual guideline says: Webpages have titles that describe the topic or purpose. However, titles are useful for more than just webpages, so we'll do a quick run through of how this applies to documents that you might share online. Webpages Let's start with webpages. When coding in html, you have two main blocks of code:  Head - contains information about the page and links to things like the stylesheet and any javascript Body - the actual content that will be displayed on the page. In the head, you should include a title tag. This displays the title of the page on the tab in the Internet browser. It works like this: <head>     <title>Portfolio</title> </head> And this looks like this: The key thing is that this title needs to be short and to describe what the page contains. Mine probably needs chang