An accessible UI/UX design that supports disabled users, increasing usability scores by 25%.
No items found.

Client:

No items found.

Brief

As part of a project for Grinnell College’s Computer Science department, I worked on improving the accessibility of DrRacket, an IDE widely used in introductory programming courses. The goal was to make the software more inclusive for students with disabilities.

Identified Problem

Observations and interviews revealed significant barriers for students with disabilities, including poor screen reader compatibility, low visual contrast, and difficult navigation. These issues limited equitable participation in programming courses.

Solution

The redesign of DrRacket’s interface introduced customizable themes, enhanced screen reader compatibility, and simplified navigation. These features addressed usability gaps and made the IDE more accessible to students with disabilities.

Outcome

The updated design enhanced usability and inclusivity, earning positive feedback from students and faculty. It contributed to creating a more equitable learning environment in the department.

Timeline:

5 Month Project
(
2020
)

My Role:

Led observations and interviews, identified accessibility barriers, and redesigned UI features for inclusivity.

Tools:

Figma, DrRacket

Team:

Mai Phuong Vu
UI/UX Designer
Syamala Gumidyala
UI/UX Designer
Timothy Gilmour
Software Developer
Enhancing accessibility in educational computer science software with a redesigned user interface.

but how did we get here?

But how did we get here?

What I learned

Next Steps