Accessibility audits across the Northeastern websites

Overview

We conducted accessibility tests based on the WCAG 2.1 guidelines and a checklist provided by the digital accessibility team at Northeastern University. This case study highlights the key findings and lessons learned from testing seven Northeastern University websites using various accessibility tools 

We audited key accessibility areas across seven university websites, focusing on critical, serious, and cumulative issues. The tasks included:

Accessibility Stack

We audited key accessibility areas across seven university websites, focusing on critical, serious, and cumulative issues. The tasks included

Keyboard Navigation

Ensured all focusable elements were
accessible with visible focus indicators

Responsive Design

Checked that content is usable across
different screen sizes and zoom levels.


Headings and Page Titles

Ensured headings follow a logical order,
and each page has a unique, descriptive title.

Landmarks and Link Text:

Reviewed the use of semantic landmarks
and ensured link text clearly describes the link's purpose

Assistive Technology Support

Verified that interactive components
have accessible names for screen readers.


Image and SVG Alternatives

Ensure meaningful images have text
and decorative ones are marked.

Redundant Links

Removed redundant links and ensured
assistive tech ignores decorative icons

Patterns and Components

Reviewed accessibility of menus, modals,
accordions, carousels, and widgets

Tools & Methods We Used


WAVE Evaluation Tool

Checked for accessibility errors like missing labels and improper color contrast.


Landmark Role Guide

Verified the correct use of ARIA landmarks for easier navigation.


ARIA Tab Patterns

Reviewed tab components for proper accessibility behaviors

Accessibility Bookmarklets

Quickly identified key accessibility issues and visual indicators.


Key Learnings

Keyboard Navigation is Critical

We learned how important it is to ensure all interactive elements can be accessed and operated using just a keyboard. Many components missed this, impacting accessibility

Clear and Descriptive Alt Text

Adding meaningful alt text for images is essential for users relying on screen readers. Missing or vague descriptions limit access to important content.


Testing with Tools Helped Identify Hidden Issues

Accessibility tools revealed issues we might have missed manually, such as improper labelings or missing focus indicators

Let’s Chat

Made with love and caffeine beyond 1 AM