Welcome to episode four on making college PDFs accessible. Today, we focus on Glendale Community College’s Disabled Students Programs and Services (DSPS) newsletter for summer 2023.
Key Takeaways From This Episode
This document was originally made in Canva. Canva forms are just not accessible. Multiple rounds of testing were required. The combination of issues made for a time-consuming and laborious process with no quick solutions.
Initial Run of the Accessibility Checker
From the start we uncovered a number of basic issues needing correction:
- Reading Order. ‘Figure’, ‘H1’, ‘LI’ tags were not in the right order, making the document hard to read. Organizing these creates a nice flow.
- Unnecessary Tags. There were extra ‘div’ tags that didn’t serve a purpose. Cleaning these is essential in making accessible PDFs. Less is more!
- Tagging Tips: Change ‘figure’ tags to ‘p’ tags when they hold text, and condense ‘p’ tags that separate text unnecessarily. Artifact unused ‘p’ tags to clean things up.
- Table of Contents. The existing table was not serving as a functional Table of Contents. Manually adjust tags to link to the correct pages for better navigation.
- Images Without Alt Text. Adding alt text to photos is crucial for PDF accessibility for users with visual impairments.
- List Items Misbehaving: When text meant for paragraphs gets included as list items, manually separate each of them.
Check the Metadata
From the main Menu, select Document Properties. From here we can review and edit the PDF properties.
Through this, we found out the PDF was made in Canva. Canva is famous for poorly tagging. Check out our blog post on how to make a Canva document accessible.
There were a number of inconsistent error messages. We fixed some, they kept appearing, we fixed more, and received more error messages. Major confusion!
- Link and Notation Nesting: We found incorrect nesting of structure elements, specifically between links and notations.
- Inappropriate Use of Span Tags: Multiple errors indicated the inappropriate use of span tags. The span tags were not mapped properly, causing role mapping issues. We had to manually go through the link tree and delete them.
- Keyboard Navigation: We experienced bugs in the keyboard navigation while editing so many ‘span’ tags. This made it frustrating to move quickly through the structure tree.
- Element Placement: We changed the block element to inline for images that also serve as links, further cleaning up errors.
Concluding Advice for Creators of Accessible PDFs
Please avoid creating PDF documents in Canva. Canva documents are not accessible. Also, limit the complexity and size of your PDF. This was an 8 page PDF. The heavy visual load made it hard to find and correct errors efficiently.
I can be your accessibility expert. For more detailed insights, tutorials, and in-depth discussions on accessibility and related topics, don’t forget to check out my YouTube channel: The Accessibility Guy on YouTube. Subscribe for regular updates!
More posts like this:
Welcome to episode nine on community college PDF accessibility. Today, we focus on West Hills College Leemore’s 2023-2024 Instructional Calendar. Video Guide In case you missed them, here are Episode 1, Episode…
Welcome to episode eight on community college PDF accessibility. Today, we focus on Fresno City College’s form for Biomedical Equipment Technicians. Video Guide In case you missed them, here are Episode…
Welcome to episode seven on community college PDF accessibility. Today, we focus on Reedley Community College’s document “HSE Enrollment Form.” Video Guide In case you missed them, here are Episode 1, Episode…
Welcome to episode six on community college PDF accessibility. Today, we focus on Fullerton Community College’s document “Points of Interest and Clarification Architecture.” Video Guide In case you missed them,…
Hi! I’m Shawn Jordison and welcome to The Accessibility Guy blog. In today’s post, we’re learning how to remove a digital signature from a PDF using Adobe Acrobat Pro. Video Guide Why remove…
Hi! I’m Shawn Jordison and welcome to The Accessibility Guy blog. In today’s post, we’re learning how to compress a PDF in Adobe Acrobat Pro. Compressing PDFs makes large files…
Welcome to episode five on community college PDF accessibility. Today, we focus on Irvine Valley College’s DSPS Student Parent Night 2023 document. Video Guide In case you missed them, here…
This guide explains how to add a blank signature field to a PDF document using Adobe Acrobat Pro. A digital signature is more secure that an ink signature. PDF readers…
Welcome to today’s blog post, where we’re learning how to resize a PDF in Adobe Acrobat Pro. Downsizing large PDFs saves disk space, bandwidth, and computer memory. It also allows…
Welcome to today’s blog post. We’re discussing the importance of adding unique tooltips to PDF form fields with the same name. This boosts the accessibility of a PDF. Video Guide…