Organisation charts presented in PDF format are one of the worst offenders when it comes to accessibility. Rob, from our Content Design team, explains how he turned one such chart into accessible HTML content.
When the bristol.ac.uk site was audited by Government Digital Services last year, one of the main issues that we had to fix was inaccessible PDFs.
PDFs pose particular problems for anyone with accessibility needs. It is possible to painstakingly add all of the structural tags for titles and headings so that the PDF passes accessibility criteria, but it’s unlikely that the effort will pay off; if someone finds 99% of PDFs that they encounter inaccessible, they’re not going to take the risk of opening another.
The original purpose of PDFs was to create a document in which the layout was static. This is why the Nielsen Norman Group recognises that PDFs are ‘great for one thing and one thing only: printing documents’.
Creating a static document runs counter to all current content design wisdom. PDFs might have been fine back in 1993, but 30 years later we now use all sorts of different devices (laptops, tablets, smartphones) and web content needs to be able to resize to fit those screens.
Adobe’s new ‘Liquid Mode’ for PDFs has improved some accessibility issues, but many remain, particularly when including tables and charts, invoices, statements and receipts, forms, or non-standard page sizes.
How we made our organisation chart accessible
The most accessible alternative to a PDF is a HTML web page. Some documents are easy to turn into web pages, by creating common document elements such as headings, bullet lists and tables.
Others are not so easy to make into webpages – but definitely not impossible!
As part of work to improve the governance section of the University website, I worked on turning the ‘Academic Organisation’ PDF image into a HTML web page.
Someone with visual impairment who cannot see such images is completely shut out from the information contained there:
- A screen reader cannot detect the text, as the chart is an image file.
- A screen reader cannot detect the ‘reporting lines’ in the image (for example, the lines indicating that the three Pro Vice-Chancellors report to the Deputy Vice-Chancellor).
- A screen reader cannot detect the different shades of colour – another exclusively visual representation of the hierarchy between roles.
In the UK there are almost two million people living with sight loss, so this has a much bigger impact than you might realise.
This information must be presented as text. But simply replicating the text in the images does not communicate the team structure.
My solution was to create an academic management webpage and to represent each person with a module box. Each module box includes the job title, the current role holder, roles that that person manages or reports to, and – crucially – hyperlinks between them, so that someone who just needs to find out who someone reports to does not have to scroll through every other role to find them.
Someone who wants to escalate something from the Pro-Vice Chancellor for Education and Students, for example, can follow the link under the ‘Roles that this person reports to’ heading to get details of the Deputy Vice-Chancellor and Provost. If necessary, they can escalate up to the Vice-Chancellor and President, following the same actions.
The old PDF version is still available to open on the same page, for any users who are happy (and able) to open it and see the entire team structure at a glance. The number of PDF views/downloads decreased from 355 in 2020 to 135 in 2022, illustrating that the new HTML page is meeting user needs, and in a much more accessible way.
This new method has been a success: accessibility expert George Rhodes said that this solution ‘used basic components to deliver a visually clear and accessible organisation chart, which is the fundamentals of accessibility’. The site owners for the governance site have maintained this page since we developed this for them, so it’s also a sustainable solution.
Accessible PDFs help on our support site (University of Bristol staff only).
Contact the Content Design Team to discuss accessible alternatives to PDF organisation charts and other content (University of Bristol staff only).