Improving Text Accessibility for Instagram Reels

discipline

User Research
Product Design
Interaction Design

team

Individual project

Timeline

8 weeks

tools

Figma, VSCode


goal

To enhance the accessibility of Instagram Reels for users with visual impairments by improving the visibility and customization of text descriptions.

constraints

Focus on accessibility improvements without altering Instagram’s core design principles or disrupting the existing user interface.

Before & After

Instagram Reels, with its vast user base, poses challenges for people with visual impairments, particularly around text descriptions. Initial user feedback highlighted issues with readability and the need for improved contrast and customization options.

I redesigned the text descriptions with customizable features such as text size adjustments and dark mode, addressing these concerns.

original app

👎 Little to no contrast in text.

👎 Text and video overlay each other, not friendly for general vision/reading issues, people with dyslexia & dyspraxia.

👎 No clear indication of additional content, making it unclear for users whether there is more information in the description.

improved app

✅ Add a "Show more" feature for additional content.

✅ Improve text-video contrast for better visibility.

✅ Offer adjustable text size options.

✅ Introduce Dark mode for customizable text settings, enhancing accessibility for users with visual limitations.

Problems & Solutions

One of the major challenges during this project was identifying and addressing the diverse needs of users with varying degrees of visual impairment. During user testing, it became clear that while some users struggled with reading small text, others found it difficult to locate dark mode within the app.

To overcome this, I:

  • Introduced customizable text sizes, which cater to individual needs and preferences.
  • Streamlined the dark mode feature, making it more accessible and intuitive to locate.

These solutions improved the overall accessibility, making Reels more inclusive for users with disabilities.

Exploration

My design process followed the Double Diamond approach.

In the Discover and Define phase, I conducted a thorough Literature Review to understand the challenges faced by visually impaired users. I also performed a Competitor Analysis of Pinterest, Tumblr, and LinkedIn to explore how other platforms address accessibility.

I started asking myself:

How might we enhance the visibility of text Instagram Reels to be more accessible for people with vision issues?”

To tackle the problem statement above, I developed several wireframes inspired by these platforms. However, early designs didn’t fully meet user needs—text contrast in some layouts wasn’t strong enough, and navigation of accessibility features remained unclear.

Iterating based on user feedback, I improved:

  • Contrast by incorporating a black gradient for better readability.
  • Text size options and an intuitive toggle for dark mode.

Final Design

The final design featured:

  • Customizable text sizes (13pt, 20pt, 36pt) for improved readability.
  • Seamless day-to-night mode transitions to reduce eye strain.
  • Enhanced contrast with a black gradient for shorter descriptions and a “Show more” option for longer ones.

I created an interactive prototype in Figma and made a step further to code a web app version.

Then I conducted user testing with participants who had various visual impairments. The results were overwhelmingly positive:

  • 100% of participants reported reduced eye strain.
  • 80% stated they could read text without needing assistive devices.
  • 92% praised the text sizing options for improved readability.

Reflection

This project taught me the importance of user-centered design in addressing accessibility challenges. By focusing on empathy-driven design principles, I created solutions that empower users with visual impairments to engage more fully with Instagram Reels. The final product not only enhances accessibility but also demonstrates how small design changes can make a big difference in user experience.

Moving forward, I plan to conduct usability testing with visually impaired users to gather more insights. I aim to refine features like text size scaling, caption contrast, and gesture-based controls. Additionally, I’ll explore integrating haptic feedback and voice guidance to further enhance accessibility and usability.