The Path to Inclusive News
Meet Newslaundry
Newslaundry is an independent news platform from India that provides detailed analysis of social and political issues. It prioritizes accessibility, aiming to make its content easily usable for all readers.
Project Overview
This is a collaborative, client-based User Research Project focused on improving accessibility for Newslaundry's platform.
UX researcher
Role:
Duration:
3 Months
Axe Accessibility Checker, Color Contrast Analyzer, WAVE
UX Research Report, Hi-Fidelity Redesign Prototype
Tools:
Deliverables:
The problem
Despite Newslaundry’s efforts to provide quality news content, the platform lacked the necessary accessibility features to serve users with disabilities with better user experience.
How do we ensure that users with disabilities can engage meaningfully with Newslaundry’s content?
“My biggest problem with dyslexia is misreading words. So, if the text is really tight or small, it gets a lot harder to find my spot... blocks of text are just exhausting.”
User Interviewee 1
User Interviewee 2
“Sometimes poorly structured content or images without description can be challenging. I have to open and close the reader multiple times, which is quite annoying.”
Building Insights:
Research Methods Overview
60% of users had difficulties with content contrast and font size across different pages.
Surveyed 50 participants using stratified sampling.Asked about accessibility features, news consumption habits, and challenges with digital platforms.
User Interviews
Survey
Comparative Analysis
Heuristic Evaluation
Usability Testing
Conducted six 25-minute interviews with users with diverse accessibility needs (visual impairments, dyslexia, cognitive/hearing disabilities).
Analyzed 8 competing platforms using automated tools (WAVE, Axe) and manual methods to assess accessibility. Compared features like multimedia content, keyboard navigation, and accessibility tools.
Conducted a heuristic evaluation using Nielsen Norman’s 10 Usability Heuristics and Deque Systems’ Accessibility Heuristics.
onducted usability tests with 5 participants who had varying accessibility needs.Observed interactions with key tasks (e.g., subscribing to the platform) using accessibility tools like screen readers and keyboard navigation.
Approach:
Approach:
Approach:
Approach:
Approach:
Key Insight:
Key Insight:
Key Insight:
Key Insight:
Key Insight:
Users struggled with navigation due to unlabeled buttons and inconsistent accessibility features.
Newslaundry lagged in keyboard navigation and screen reader support compared to competitors.
Unlabeled buttons, poor color contrast, and inconsistent focus indicators.
Users with screen readers found inconsistent labeling in the navigation, creating friction during key tasks.
Expanding Customization Options
Expanding
customization features
Grouping
content categories
Visualizing
the effect of the adjustments
Limited customization options and inefficient use of space
Problem:
Navigation Issues Were Universal
No matter the disability, every participant struggled with finding the content they wanted. The website’s inconsistent layout and lack of clear filters made searching for relevant news a challenge. This wasn’t just an inconvenience—it was a barrier to accessing information
From Insights to Actions:
Hi-Fidality Re-design
Shaping the Future:
What We Learned and What’s Next
This project opened my eyes to the importance of accessibility in design. It’s now a key consideration in all my projects, ensuring inclusivity from the start. My first deep dive into UX research transformed how I approach design. By understanding user needs through interviews and testing, I now prioritize accessibility in every design decision.
We will continue testing Newslaundry’s platform to improve accessibility and gather user feedback to create a truly inclusive experience. Accessibility will remain a core focus in all my future work.
© Qiyue Ding 2024. All Rights Reserved
Customization is Key to Accessibility
As customization was a critical need for users, we recommended expanding the customization features, allowing users to adjust font sizes, line spacing, color contrast, and other settings to tailor the platform to their individual needs.
Simplifying Navigation
Re-designed Navigation
Video
Podcast
Article
Shop
Subscriber Only:
News Title#1
News Title#2
News Title#3
News Title#4
News Title#5
Explainers:
More +
Subscribe
हिन्दी
Grouping key categories by media sources
2.Adding a second line of navigation to feature unique news
The original navigation lacks clarity, contributes to clutter,
and creates a less intuitive, user-unfriendly browsing experience.
Problem: