Ensuring Accessible DOCUMENTS Across Indiana University

My Role

Duration

Tools

Product Designer
@ COMET Lab

Dec 2023 - May 2024
6 Months

PROJECT OVERVIEW

Aim

To ensure digital accessibility by auditing and remediating PDF documents across Indiana University’s key websites, making them fully usable for individuals with disabilities, especially those relying on screen readers.

Goals

- Conduct a comprehensive audit of PDFs across multiple university platforms.
- Ensure compliance with Web Content Accessibility Guidelines (WCAG).
- Make digital content accessible to all users, regardless of their abilities.

Challenges

- Ensuring consistency in accessibility across diverse PDF formats and platforms.
- Working within a framework that respects confidentiality and compliance requirements.

Due to confidentiality agreements with Indiana University and The Polis Center, I am unable to share the actual university documents. Instead, the screenshots and demonstrations in this case study feature a sample file for illustrative purposes.

CONTEXT

Tackling Common Accessibility Barriers

Understanding how individuals with disabilities engage with digital content was at the heart of our approach. Many users depend on screen readers, which rely on structured tags within PDFs. Our goal was to remove common barriers that hinder accessibility and ensure a seamless user experience. Below are the key improvements we implemented:

Provide a clear document title: Ensured screen readers can announce a descriptive and relevant document title.

Add descriptive alt text: Included detailed alt text for all images, so screen readers can convey visual content effectively.

Maintain proper heading hierarchy: Used appropriate heading levels (H1, H2, H3) to establish a logical content structure.

Ensure table headers are marked: Applied table headers (TH) to help users understand the context of data within tables.

Establish coherent reading order: Ensured the content flows logically for screen readers to present in the correct sequence.

Use accessible fonts and color contrast: Chose fonts and color schemes that enhance readability for users with visual impairments.

Make interactive elements keyboard accessible: Ensured forms and interactive features could be navigated using only a keyboard.

Add bookmarks for navigation: Implemented bookmarks in longer documents to facilitate easier navigation.

SOLUTION

STEP 1 of 6

Auto-tagging and Verifying Tag Accuracy

We begin by running the auto-tagging tool in Adobe Acrobat, which generates an initial structure by assigning tags to elements such as headings, paragraphs, and images. While this creates a solid foundation, a manual review is necessary to ensure accuracy, as elements are occasionally mis-tagged.

STEP 2 of 6

Check for Accessibility

Run a comprehensive accessibility check using the built-in tools. This process identifies missing alt text, untagged elements, and table structure issues, providing a clear overview of areas that need attention to meet accessibility standards.

For example, in the sample document below, the flagged issues include: primary language, document title, alt text for figures, table headers, and a missing table summary.

STEP 3 of 6

Primary Language

Set the primary language of the PDF, as this is crucial for screen readers to accurately interpret and pronounce the text. Without the correct language setting, screen readers might mispronounce words, making the document difficult to understand for users.

STEP 4 of 6

Title

Ensure each PDF has a clear, descriptive title. Since the title is the first thing a screen reader announces, it should give users immediate context about the document's content.

STEP 5 of 6

Alt-text for Images

Make sure every image in the document includes descriptive alt text. Alt text enables screen readers to communicate the content of images to users with visual impairments, ensuring they have full access to the information. The descriptions should be clear, accurate, and provide enough detail to convey the image’s meaning effectively.4o

STEP 6 of 6

Tables: Headers & Summary

Tt's important to verify that the table header tags are correctly applied, as incorrect tags can lead to confusion when interpreting the data.

Additionally, provide table summaries for complex data. A summary gives screen readers an overview of the table’s content, helping users grasp the information without having to go through the entire table.

OUTCOME

The accessibility improvements across three Indiana University websites resulted in over 300 documents and reports being made fully accessible, reflecting the extensive effort to ensure compliance with accessibility standards.

Explore the sample document I used to illustrate the accessibility solutions shown above!

For a fun and practical demonstration of accessibility in action, I created a sample PDF starring Dexter and Dobbie, my brother’s lovable dogs. This playful document highlights common accessibility issues and solutions, with Dexter and Dobbie leading the way. Click below to see how even these doggos can help make PDFs more accessible!

Click here to check out the Doggo Accessibility Guide!