Explore how a California based skincare products distributor improved their ecommerce website accessibility and inclusivity!

An ecommerce website accessibility remediation for a California based wholesale skincare products distributor!

Client brief

The client is a premier provider of professional skincare products and education, catering to estheticians and skincare professionals. With a focus on delivering high-quality, results-driven products, the company offers a wide range of skincare brands and solutions tailored to meet the needs of professionals in the beauty industry. They are dedicated to empowering their clients with the knowledge and tools necessary to achieve exceptional skincare outcomes.

Challenges

The primary challenge was to create an accessible header and footer navigation that would comply with the Web Content Accessibility Guidelines (WCAG) 2.1 standards, while maintaining the aesthetic and functional integrity of the website. It needed to be easy to navigate using various assistive technologies, such as screen readers and keyboard-only navigation, without compromising the user experience for non-disabled users.

Industry

Skincare Supplies

Project Size

Medium

Services Provided

  • Website Accessibility Remediation

Platform

BigCommerce

california based skincare products distributor

Solution

Skynet Technologies approached the challenge by conducting a thorough audit of the existing website. They identified areas where accessibility could be improved, such as providing clear focus indicators for keyboard users, ensuring proper ARIA (Accessible Rich Internet Applications) labeling for screen readers, and enhancing the contrast for better visibility.

The team at Skynet Technologies then implemented a custom, accessible navigation solution that include:

  • Keyboard Navigation: Ensuring that all navigation items could be easily navigated using the keyboard alone, with logical tab order and clear focus states.
  • Screen Reader Compatibility: Adding ARIA labels and roles to the header and footer navigation items, allowing screen readers to accurately convey the structure and purpose of each element to visually impaired users.
  • Responsive Design: Making sure the website header and footer navigation was fully responsive, providing a consistent and accessible experience across all devices, from desktops to mobile phones.
  • Enhanced Visibility: Adjusting color contrasts and font sizes to ensure that the navigation was easily readable for users with visual impairments.
  • Theme Modification: Our team has modified HTML in the theme templates and JavaScript as per accessibility guidelines.

Results

The enhancements of the accessible website navigation structure by Skynet Technologies significantly improved the overall user experience on the California based Skincare Supply website. It allows all users, regardless of their abilities, to navigate the site efficiently and find the products and information they need. The enhancements also ensured that the website met the necessary WCAG standards, helping clients to demonstrate their commitment to inclusivity and broaden their customer base.

Related ADA Web Accessibility Case Studies

enhancing accessibility for a shopify italian leather atelier

Enhancing Accessibility for a Shopify Italian Leather Atelier!

Discover how WCAG 2.2 AA compliance audit, remediation, and VPAT report documentation has been done!

california based medical equipment supplier

A manual human website accessibility remediation for California based medical equipment supplier!

Discover how a California based medical equipment supplier enhanced their website accessibility cost-effectively, ensuring compliance and a better user experience for all.

pdf accessibility remediation

PDF accessibility remediation for a Michigan based non profit education organization!

Enhanced inclusivity by compiling documents with WCAG 2.2 and PDF/UA-1 standards