
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

Panth Shah
Product Designer