Tacpoint - Ajackus
back-arrow

Tacpoint

Making website ADA/WCAG compliant

Overview:

This project was aimed at making the client website WCAG & ADA compliant. Web Content Accessibility Guidelines or WCAG, created by the World Wide Web Consortium (W3C), is considered to be the benchmark for website accessibility. We have followed WCAG guidelines to create the best and the easiest way of making the website usable for customers with disabilities. 

Our “Client” is a multinational financial services company that facilitates electronic payment systems throughout the world. It operates the retail electronic payments network through the transfer of value and information among financial institutions, merchants, consumers, businesses, and government entities. It also provides electronic payment, risk management, and payment security solutions to online merchants, digital goods transactions services in online games, digital media, and social networks, as well as mobile financial services for mobile network operators and financial institutions in developing economies.

Project Name

Tacpoint

Industry

finance

Fintech

Problem

Challenges faced by our client:

As the client initiates electronic payments, they wanted minimal risks with maximum transaction security and most importantly, all services to be WCAG & ADA compliant. 

  • To scale for large and dynamic websites
  • Difficulty to validate large and dynamic sites with their changing permutations
  • Change in content by third parties

The client needed an application with keyboard accessibility along with accessibility through speech and visual support tools like Screen Reader at varied Zoom levels.

Solution

Abiding by the WCAG guidelines of the content material in their application being perceivable, understandable, operable, and robust, apt solutions related to enhanced user experience in order to increase accessibility were provided. A logical separation was done with the test-driven implementation, where test cases were extracted from WCAG guidelines.

Segregated deliverables based on user experience:

  • Keyboard accessibility
  • Speech / Screen reader accessibility
  • Zoom accessibility

To achieve these objectives and to make it more compliant, validation and verification were done through recommended and most widely used accessibility tools like:

  • NVDA
  • Code Sniffer
  • ANDI
  • Accessibility Insight
  • WAVE evaluation tool

Key Functionalities

Accessibility:

The website accessibility follows a trajectory, that people living with disabilities can comfortably avail the services. Under the ADA/WCAG compliance regulation, it suggests how to make the website content more approachable. Here, website content refers to any natural information presented on the website. The goal of providing convenience and easy access to not only people with disabilities but also every end-user was achieved. 

Tools and Technologies

Angular

Typescript

Java

Java SpringBoot

Hybernate

MySQL

JDBC

Github

SourceTree

Airtable

Wave Evaluation Tool

HTML CodeSniffer

Accessibility Insight

ANDI

A11y Checker

Color Contrast Analyzer

NVDA Screen Reader

Results

We were able to deliver more than expected results with:

 

Segment 1 Segment 2
Epic Stories Epic Stories
Compliance 41 Compliance 16
Accessibility 72 Accessibility 80
Zoom 11 Zoom 17

 

You may also like

previous
next

Contact us

We are available in 5 cities and also on the world wide web making us reachable to anyone on the planet with an internet connection.