top of page
image 10.png
LinkedIn

WCAG Study

​Study Case with Uber App to be WCAG compliant, focusing senior citizens.
-2021-

About

Today, more than ever, usability is essential for making interfaces accessible to everyone. As humans, we each have unique needs, and technology should reflect that. With this in mind, a research study was conducted to evaluate the Uber app's compliance with WCAG standards.

WCAG?

WCAG (Web Content Accessibility Guidelines) is a set of international standards created by the W3C to make digital content more accessible to people with disabilities. It provides guidance on how to design websites and apps that are usable by everyone, including users with visual, auditory, motor, or cognitive impairments.

In this particular research, my primary focus was on senior users.

insuit-wcag-22-blog.png

Analysing the actual UI

In this step, I analyzed the current Uber app, identifying its strengths and weaknesses, and exploring ways to make it more appealing and accessible for senior users.

Wireframe

A wireframe, also known as a "page schematic" or "screen blueprint," is a visual guide that outlines the basic structure of a website or application. It’s used to organize elements in a way that best serves a specific purpose typically driven by a business goal and a creative concept. Wireframes illustrate the layout and arrangement of content, including interface elements and navigation, and show how they work together. The UI was designed to better serve both current users and senior users. Several WCAG guidelines were applied in this project, such as Contrast (1.4.3), Identify Input Purpose (1.3.5), Headings and Labels (2.4.6), among others.

fd875e_69710bf25a6d4637bc657ef2d2f441e1~mv2.png
fd875e_d7a5cdc78fd044ebb96d447fc6c451ee~mv2.png
fd875e_f0c946a7c3134816b3a1497365661ddd~mv2.png
fd875e_efb6322c2dd84771a0555409db648fa2~mv2.png
fd875e_41df41a7fd424e28aed47380787df285~mv2.png

Proposal Changes

Every change was made looking to reach the most user-friendly UI possible, following the WCAG guides. Here I explain the changes and why I would make them.

Final Results

fd875e_cc1119f4fe104691b7daff8fe7a30d07~mv2.png
fd875e_7fc7478d56324dde9ae4debc3e209548~mv2.png
fd875e_479eda4932c84a2c850e359c938c7fb5~mv2.png
fd875e_59e907c7252e4531877ca3128ccf7f75~mv2.png
fd875e_8d7610ea5d904ecb8ff7fad01048db31~mv2.png
bottom of page