Accessibility for Higher Ed Alums

Timeline

One week

Role

UX Designer

Team

Me!

Tools

SmugMug

Canva

Overview

Constructing accessibility

Most recently I was a UI/UX designer for Wharton External Affairs on the communications team. I transformed pages into clear, accessible, WCAG conforming experiences for Wharton Alumni to navigate without confusion. Allowing for easy access to alumni reunion information, connecting, and donation experience.

Context

Redesigning for Alumni Access

Our Smugmug site where Alumni access reunion albums was not in WCAG compliance and hard to view.

Redesign

Before

Dark site Background

Small text size

No hover states for link or anything indicating it was clickable

Now

Soft White Background

Legible text size

Hover states on all links clearly indicating it is clickable

Website Link

Additional Work

Glow up!

Redesigning text links to functional buttons for website FAQ's. Applied across nine FAQ categories that each had lists of questions.

Before

Text used to function as a button back link

Not accessible and incorrect for screen readers



Now

Back button is visually clear and responsive

Accessible for screen readers, allowing for correct identification of where to navigate