Audit and redesign of a carbon emission estimation tool to meet WCAG standards

5 minutes read
case-study
ClientNDA
IndustryLogistics

A multinational forwarder was at risk of getting fined for its carbon footprint calculator failing to meet the accessibility standards. To address this, VirtusLab conducted an audit and fixed the identified issues. They also created a custom application to improve the readability of the result pages and generated data.

Download this success story as PDF

Print it out, take it with you to read later, or share it with your peers.Free download
case-study
Updating_a_digital_tool_to_meet_WCAG_standards_Graph_01-1536x565

The challenge

Our client needed to update one of their digital tools. It’s an application that allows for precise estimation of CO2 emissions. It helps to analyze the carbon footprint made by the user’s selected route and types of transportation. The forwarder’s operations in the US require compliance with WCAG standards to avoid potential penalties.

Unfortunately, the tool was incompatible with WCAG 2.0 standards. It failed to meet the Consistent Navigation criteria – a practice of keeping the main navigation elements in a website consistent across different pages. Furthermore, some buttons could be improved, and increasing the contrast ratio would make the text easier to read. The client’s carbon footprint calculator needed a clearer presentation of transportation options.

The solution

VirtusLab conducted a comprehensive audit of the client’s application. In order to meet the Navigation Criteria of the carbon footprint calculator, our developers devised a fresh visual system utilizing the client’s component library. This way, if the client decides to update their brand logos and design system, they can do that by updating the library instead of replacing every single component on their website and digital tools one by one.

VirtusLab also created a custom Responsive Web Application to enhance the map display of the final route. The designs were made in Sketch and shared via Zeplin, as per the client’s request. The updated version allows users to select different modes of transportation for each route and display these options on the map in a user-friendly manner.

Updating_a_digital_tool_to_meet_WCAG_standards_Graph_02-1536x565

The results

VirtusLab resolved every issue identified in the WCAG audit. By ensuring their carbon footprint calculator meets accessibility standards, the client was able to avoid paying penalties. Users noticed significant improvements in the application’s interface:

Updating_a_digital_tool_to_meet_WCAG_standards_Graph_04-1536x1152
Updating_a_digital_tool_to_meet_WCAG_standards_Graph_03-1536x1152
  1. Adding new scenarios or routes is now possible from the initial screen
  2. The interface remains consistent throughout the entire application
  3. The results page is clear and easy to understand
  4. Scenarios can be accessed and edited from any device

The tech-stack

Design: Sketch
Handoff: Zeplin

The tech-stack

Design

Sketch

Handoff

Zeplin

Take the first step to a sustained competitive edge for your business

Let's connect

VirtusLab's work has met the mark several times over, and their latest project is no exception. The team is efficient, hard-working, and trustworthy. Customers can expect a proactive team that drives results.

Stephen Rooke
Stephen RookeDirector of Software Development @ Extreme Reach

VirtusLab's engineers are truly Strapi extensions experts. Their knowledge and expertise in the area of Strapi plugins gave us the opportunity to lift our multi-brand CMS implementation to a different level.

facile logo
Leonardo PoddaEngineering Manager @ Facile.it

VirtusLab has been an incredible partner since the early development of Scala 3, essential to a mature and stable Scala 3 ecosystem.

Martin_Odersky
Martin OderskyHead of Programming Research Group @ EPFL

VirtusLab's strength is its knowledge of the latest trends and technologies for creating UIs and its ability to design complex applications. The VirtusLab team's in-depth knowledge, understanding, and experience of MIS systems have been invaluable to us in developing our product. The team is professional and delivers on time – we greatly appreciated this efficiency when working with them.

Michael_Grant
Michael GrantDirector of Development @ Cyber Sec Company