University Libraries Website Redesign
The Challenge
The UA Libraries website served over 50,000 unique visitors monthly but had accumulated accessibility debt over 15 years of incremental updates. An automated scan revealed 2,400+ accessibility errors, and user feedback indicated screen reader users struggled to find resources.
Before & After
β Before
- No skip links or landmarks
- Images without alt text
- Forms without labels
- Color contrast failures on headers
- Nested tables for layout
- 10+ minute time to find catalog (screen reader)
β After
- Skip links + ARIA landmarks on every page
- Descriptive alt text for all images
- Proper form labels + instructions
- UA brand colors with compliant contrast
- CSS Grid layout, semantic HTML
- Under 2 minutes to catalog (screen reader)
Results
Timeline
Comprehensive audit with axe, manual keyboard testing, and screen reader evaluation with NVDA and VoiceOver.
Prioritized fixes by severity and user impact. Fixed critical keyboard traps and form issues first.
Redesigned navigation structure and implemented skip links. User testing with DRC students.
Final testing, documentation, and team training on maintaining accessibility.
π‘ Key Lessons
- Automated testing catches ~30% of issues; manual testing is essential
- User testing with actual assistive technology users revealed issues tools missed
- Accessibility improvements often improve SEO and mobile experience
- Building accessibility into the CMS template prevented future regressions