During this project I conducted a thorough analysis of Lagerhaus's website using the Web Content Accessibility Guidelines 2.1 (WCAG), the new version 2.2 has just launched.
Our goal was to identify areas for improvement and equips Lagerhaus with actionable recommendations to enhance the website's inclusivity, enabling a seamless and enriching experience for all visitors.
As a UX Designer, I looked at WCAG and presented the insights in an "easy to grasp" way giving Lagerhaus recommendations on moving forward.
So, what's the problem?
Lagerhaus wanted to understand what changes they needed to make to follow the new WCAG version expected in the summer of 2025.
What's WCAG about?
Very briefly, there are four areas that WCAG covers, the product must be:
Simple to understand
Easy for the user to interact with
Easy to pick up and predictable
Must be able to support different types of aids
WCAG has three groups of criteria, A, AA & and AAA. Private owned companies only need to meet A & AA, where public companies must meet all requirements.
My process for analysis
Overview of the current state
Make a plan
I collected all the guidelines in Figma to get an overview, Illustrating each with examples from the existing website. The guidelines were organized into categories, design, and code, highlighting the collaborative effort needed across different competencies for a comprehensive accessibility strategy.
During this initiative, I created a prioritized list of accessibility improvements, taking into account factors such as time, budget, impact, and the specific criteria involved. For instance, addressing A criteria before AAA criteria could be more efficient.
At the end
I'd like to say that, accessibility is a team responsibility. The role of a UX designer is to serve as a glue between different departments and ensure accessible design is acknowledged.
Did I learn anything?
It was exciting working tight in a cross-functional team, it gave me a better understanding of my UX role and how to work to best complement each other.