Northeastern University · 2023 – 2024
Auditing accessibility across Northeastern University websites
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.
- Timeline
- 2023 – 2024
- Team
- 4 Designers
- Digital Accessibility Team
- Tools
- WAVE
- ARIA Patterns
- Bookmarklets
- Disciplines
- Accessibility
- WCAG 2.1
- UX Auditing
Accessibility stack
We audited key accessibility areas across seven university websites, focusing on critical, serious, and cumulative issues.
7
Northeastern University websites tested
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 & Page Titles
Ensured headings follow a logical order, and each page has a unique, descriptive title.
Landmarks & Link Text
Reviewed the use of semantic landmarks and ensured link text clearly describes its purpose.
Assistive Technology
Verified that interactive components have accessible names for screen readers.
Image & SVG Alternatives
Ensured meaningful images have alt text and decorative ones are properly marked.
Redundant Links
Removed redundant links and ensured assistive tech ignores decorative icons.
Patterns & Components
Reviewed accessibility of menus, modals, accordions, carousels, and widgets.
Tools & methods
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.
Key learnings
1Keyboard Navigation is CriticalWe 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.
2Clear and Descriptive Alt TextAdding meaningful alt text for images is essential for users relying on screen readers. Missing or vague descriptions limit access to important content.
3Testing with Tools Helped Identify Hidden IssuesAccessibility tools revealed issues we might have missed manually, such as improper labelings or missing focus indicators.