Accessibility implementation for a global FMCG brand

Attico implemented accessibility across a group of 90+ regional multilingual B2B and B2C websites within a global FMCG ecosystem. We conducted a comprehensive audit and delivered improvements that enabled the company to achieve WCAG 2.0 AA compliance and align with strict internal standards.

Customer

A Fortune 500 multinational food and beverage corporation

Industry

FMCG

Services

Development, Consultation, Accessibility

Accessibility

Overview

The client is a global company specializing in family and infant nutrition. With a strong focus on innovation, quality, and regulatory standards, it works closely with research institutions, healthcare experts, and local partners to meet the unique nutritional needs of diverse populations.

Challenge

The client’s digital platform brings together two child‑nutrition sub-brands — a Medical platform for healthcare professionals and a Consumer platform for parents — on a single Drupal multisite codebase. The original design didn’t account for accessibility requirements, which could create the following challenges:

International regulations

Compliance with EAA and applicable regional requirements to mitigate legal exposure and protect the client’s reputation across markets.

Internal standards

The client is required to adhere to strict internal accessibility policies and formally establish digital inclusion as a core corporate value.

Live workflow

Embedding accessibility while releasing new features and updates requires coordination, incremental testing, and continuous adherence to best practices.

Our approach

Attico established an accessibility implementation process using a structured, multi‑stage framework that included auditing, planning, deployment, and automated compliance monitoring.

Accessibility audit of the current websites

Automated and manual audit checking was conducted across the client’s digital ecosystem. Key measures included: automated testing with Axe DevTools, manual reviews using screen readers and keyboard navigation to identify complex problems, and detailed accessibility reports.

Identification and prioritization of accessibility flows on level A/AA

The team assessed and ranked the most critical user actions and key site features that must work correctly for all users. Then they created a structured list of accessibility improvement tasks with priority levels, so developers get a roadmap for where to start and the sequence in which changes should be implemented.

Website update to achieve level AA

Developers methodically updated sites to address identified issues and achieve WCAG 2.1 AA compliance. They redesigned UI components, improved keyboard navigation, checked color contrast, added accessible labels and ARIA attributes, and adjusted the semantic HTML structure. Regression testing and verification were conducted on an ongoing basis during updates to track accessibility improvements.

New development process implementation

Even with a shared codebase, inconsistent content can make two similar branch websites differ in accessibility by more than 40%. To address this challenge, we implemented a structured, end-to-end process that integrates accessibility into every stage of the digital product lifecycle — from early design checks and pre-development component audits to final QA gates with automated and manual testing before release.

Implementation highlights

Attico developed a comprehensive Drupal accessibility model that transformed a fragmented digital ecosystem into a manageable and sustainable environment compliant with international standards:

Standardizing security onboarding for every new website, market, frontend layer, PWA, and mobile application added to the client’s digital ecosystem
Prioritization of critical user flows
Systematic updating of UI, navigation, contrast, HTML semantics, and ARIA attributes for websites
Implementation of shift-left checks during the design phase and pre-development component audits
Integration of final QA gates with automated and manual testing before releases

Results

Our team turned a fragmented ecosystem of dozens of regional websites with an accessibility score of 36% into a structured, standards-compliant platform that’s ready to scale without increasing regulatory risk.

Business impact

Full accessibility compliance across all websites ahead of the EAA deadline
Accessibility has been enhanced from 36% to an average of 85%
Regulatory compliance ensured, legal risks significantly reduced

Impact of accessibility on user experience

Marketing impact

User experience for all audience groups, including people with disabilities
Brand’s global reputation as inclusive and socially responsible

Technical impact

Processes in place to build accessibility into new platforms “by design”
Systematic integration of accessibility checks into the development lifecycle

Tech insights

Accessibility was verified using both automated Axe DevTools and manual reviews with screen readers and keyboard navigation. This checking strategy helped to catch not only common but complex accessibility issues — such as semantic structure, focus management, and content readability — that automation might miss.

If you are looking to ensure your Drupal ecosystem meets accessibility standards and delivers a better UX, our team can help you implement accessibility efficiently.

Related services

Drupal Migration

Drupal migration & modernization services

Attico helps enterprise teams modernize digital ecosystems without disrupting operations. We work with aging platforms, fragmented architectures, and business-critical systems that can no longer scale comfortably.

Related insights

QA Accessibility

Best free tools to check your site’s accessibility

Discover the best free tools for checking your website accessibility to ensure compliance with the European Accessibility Act and provide an inclusive user experience.