UX Research + Design
Furlenco Accessibility Evaluation
WCAG 2.1 evaluation to identify the accessibility issues and redesign the selected webpages for furlenco.com
Client
Course Project
Accessible UX | INF 385T
My Role
UX Researcher
UX Designer
Duration
2 weeks
November 2022
Team Size
1
Context
MOTIVATION
Furlenco is an online furniture and appliances rental platform established in 2012. It allows users to subscribe to different subscription models and rent furniture, appliances, home decor items, and more at great prices.
In this project, I have conducted the WCAG 2.1 Evaluation of furlenco.com primarily on the alt-text and contrast issues present in the website and have recommended changes.
01 WCAG 2.1 Evaluation
Website Name
Furlenco
Scope of the Website
Furlenco is an Indian online marketplace furniture rental platform.
Webpages reviewed using semi-automated tools and manual inspections
WCAG Version
2.1
Conformance Target
AA
Accessibility support baseline
Chrome with WAVE Evaluation Tool
Chrome with ANDI
Additional Evaluation requirements
The mobile site of this website and the smartphone app has not been evaluated in this studied. This site was evaluated on 30-11-2022 and since then the contents might have changed. The natural language of the website is English
Name of the Reviewer
Riya Sinha
Organisation with which the reviewer is facilitated
School of Information, the University of Texas at Austin
Contact Information of the reviewer
riyasinha@utexas.edu
Reviewer’s area of expertise
User Experience Design
Natural language(s) with which the reviewer is fluent or familiar
English and Hindi
Levels tested
AA, WCAG 2.1
Evaluation Tools Used
Wave Evaluation Tool
ANDI
Manual Testing was carried out where tools failed to evaluate the website because of limited capabilities. Manual testing was done in accordance with the specific guidelines.
Other Information
The evaluation results in this report are based on an evaluation conducted on the following date(s): 02nd December 2022. The website may have changed since that time.
A11y Checklist
WCAG Evaluation Results
I evaluated the above three mentioned pages of furlenco.com using accessibility evaluation tools and manual testing to find out the contrast issues and alt-text issues on the page.
CONTRAST ISSUES
All the pages that have been evaluated had many instances where the contrast between text and its background or the UI components and the background was less than the recommended 4.5:1 for small text.
1. Home Page
2. Product Page
3. Cart Page (Payment)
ALT-TEXT ISSUES
Major UI components like buttons and many images lacked the accessibility text in many instances.
1. Home Page
2. Product Page
3. Cart Page - Payment Flow
02 Summary of Changes
Changes to Contrast Ratios
Increased the contrast ratios to above 4.5:1 for text and UI components to meet the standard WCAG AA requirements.
Changes to Contrast Ratios
Increased the contrast ratios to above 4.5:1 for text and UI components to meet the standard WCAG AA requirements.
03 Design mock-ups
Below are the design mock-ups that depict the changes made to the contrast and alt-text on the reviewed pages.
Contrast issues fixed
1. Home Page
2. Product Page
3. Cart Page (Payment)
ALT-TEXT ISSUES
Major UI components like buttons and many images lacked the accessibility text in many instances.
1. Home Page
2. Product Page
3. Cart Page - Payment Flow
My Reflections
Moving on, there are few things I would like to do next -
1. Carry out a complete WCAG 2.1 evaluation by testing the website on other guidelines.
2. Give suggestions and create design mock-ups based on the evaluation conducted above.