White-Labeled EngagementMaking A Multinational Supermarket’s Ecommerce Platform Accessible
Through extensive user testing and following best practices, Axelerant helped make the customer’s AngularJS-based web store compliant with WCAG 2.0 AA accessibility guidelines.
Business Challenge
The customer had an eCommerce website that was not compliant with web content accessibility guidelines.
They wanted to create an inclusive web shopping experience that would enable people with disabilities to use the website to shop during the high traffic holiday season.
This involved testing accessibility for a varied set of people with disabilities using a variety of tools. It also involved refactoring templates on a legacy AngularJS codebase.
Solution
We refactored the code to make the website accessible per WCAG 2.0 AA guidelines. These address the biggest and most common barriers for people with disabilities.
Testing for Accessibility
The testing was fully owned by our development team and a partner’s quality assurance team. These are a few of the aspects we tested:
Tools used for testing
Results
Our efforts helped create a more inclusive web presence for the customer’s holiday meals business. This will help increase traffic to the estore as more people with disabilities will be able to order their meals online.
This ensures the customer’s website conforms to Section 508 accessibility requirements of the United States Access Board. It also helps to maintain customer loyalty and brand value and helps the customer avoid potential lawsuits.
Accessibility Per WCAG 2.0 AA Compliance Checklist
Accessibility was developed and tested using the WCAG 2.0 AA Compliance Checklist as applicable to the type of website. Apart from AA compliance there were some items included from AAA compliance as well as customer requirements.
AngularJS and Accessibility
AngularJS has good support for various accessibility attributes that needed to be added to the web components. We extensively used AngularJS’s Accessibility Documentation throughout the project.
Accessibility Testing Using Screen Readers
People with visual impairment use a wide variety of screen readers on different devices. According to a number of surveys conducted through the years by WebAIM, around 90 percent of the screen readers used worldwide are one of three: JAWS, NVDA or Voiceover. We targeted our development and testing efforts towards making all of the customer’s web pages accessible via these three screen readers as much as possible.
Ask anything about how we ran White-Labeled Engagement - or what it would look like for you.
Foyer is grounded in our own playbooks and the named work behind this record. Go deep on the methodology, the decisions, the team shape - or bring your own problem statement, use case, or intent and we'll talk it through against your industry engagements.
Have a similar shape on your plate? We'll come back with how we'd run yours.
The White-Labeled Engagement engagement moved operational metric moved. If your situation rhymes, send us the brief and a named delivery lead will respond inside one business day.
A short brief. A named partner replies within one business day.
Six quick fields. Nothing you would not tell a colleague in a hallway.
Replied to by a named partner within one business day.