All case studies

Accessibility and enterprise remediation

A Fortune 500 accessibility audit identified the issues. Implementing them across six languages was the real work.

The audit found issues. The real work was shipping fixes.

Three domains, six languages, and a production environment that had to stay working throughout.

Project facts

Client
A Fortune 500 enterprise
Scope
Three domains, multilingual
Languages
English, German, Simplified Chinese, Traditional Chinese, Japanese, Korean
Environments
Development, staging, and production
Timeline
Multi-month engagement
Result
Production-ready code and hand-off notes delivered to the client

Domains

3

A primary corporate site and two supporting properties.

Languages

6

Each fix was translated, checked, and verified per locale.

Environments

3

Development, staging, and production release workflow.

Business Value

Remediation with strategic enterprise support.

How our engineering execution translated to long-term operational benefits.

  • Reduced remediation risk across multilingual properties
  • Protected brand consistency while addressing contrast issues
  • Gave compliance teams cleaner verification paths
  • Created reusable component guidance for future development
  • Supported stronger accessibility governance after launch

Summary

A static audit became a multilingual implementation program.

A Fortune 500 enterprise had commissioned a third-party accessibility audit across their global web presence. Three domains, each published in six languages.

The audit returned a detailed list of issues with clear guidance on what was broken and where. The additional work was in applying those fixes without disrupting the brand system, extending the translation pipeline to cover new strings, and shipping through a three-environment release cycle.

Over a few months, we took the audit from report to implementation across three domains and six languages, preserving the brand system while giving the client’s compliance team the code, verification notes, and release support needed to move the audit toward closure.

Why this mattered

The audit was only useful if the fixes could survive a real release process.

Every change had to respect brand standards, work across six languages, pass through development, staging, and production, and give compliance teams enough documentation to verify the work without starting over.

For enterprise teams, the expensive part of accessibility remediation is rarely the individual fix. The cost comes from rework, stalled releases, repeated audit cycles, translation gaps, brand approval delays, and regression risk across live properties.

Interactive Case Study

Enterprise Multilingual Accessibility Remediation

We delivered production-ready code and technical hand-off notes for each locale, so the client's compliance and auditing teams could verify fixes and compile their reports without friction.

Domains: 3 PropertiesLanguages: 6 Locales
ClientFortune 500 Enterprise
EnvironmentsDev, Staging, Prod
Audit FocusWCAG remediation support
ResultsClean engineering hand-off
Usage-layer adjustments

Brand Color & Contrast Tokens

The Audit Challenge

Several contrast failures occurred inside color tokens from the global brand system. We could not unilaterally change brand colors, and adjustments risked impacting strict brand consistency guidelines.

Status on HandoverNon-conformant
Our Remediation

Each contrast adjustment was resolved at the usage layer: changing the background a token sat on, increasing font weight, switching to a different approved token, or adjusting state colors for active states. We also worked with the brand owners to establish approved tonal variations.

Shipped StateInternally verified across all assigned locales
Multilingual Scale Impact

This part of the work required close coordination. Each proposed change went through brand review before reaching the staging environment, tested across multiple screen layouts.

Accessible state rebuilds

React Interactive Components

The Audit Challenge

Interactive components built for visual behavior lacked programmatic accessibility. Roles were missing, state changes were not announced, focus was lost on re-renders, and keyboard interaction was broken or incomplete depending on active sub-components.

Status on HandoverNon-conformant
Our Remediation

We rebuilt the accessibility model for each component: declaring roles, names, and states correctly; routing focus back to logical anchor positions when modals, drawers, or overlays closed; and managing screen reader alerts through live regions.

Shipped StateInternally verified across all assigned locales
Multilingual Scale Impact

Because each component carried its own custom state model, remediation could not be applied uniformly. Every component required manual engineering to fit its unique interactive constraints.

Programmatic label maps

Forms, Dropdowns & Error States

The Audit Challenge

Custom dropdown elements preferred by the design system lacked focus indicators and keyboard compliance. Form validations showed silent error states and lacked programmatic labels connecting inputs to error structures.

Status on HandoverNon-conformant
Our Remediation

We rebuilt dropdown behaviors to feature native-equivalent roles, keyboard operations, and dynamic labels. Error fields were programmatically linked to messages, announcing dynamically to screen readers upon visual trigger.

Shipped StateInternally verified across all assigned locales
Multilingual Scale Impact

Validation updates had to account for both screen reader announcements and dynamic layout shifts, which were thoroughly mapped and tested.

Control layer architectures

Carousels & Slideshows

The Audit Challenge

Visual carousels autoplayed continuously, did not expose pause controls to assistive technologies, failed keyboard focus paths, and lost focus structures entirely during automatic slide transitions.

Status on HandoverNon-conformant
Our Remediation

Carousels were re-architected instead of patched. We implemented controls for pause and play, managed focus paths, and added settings to honor global reduced-motion preferences.

Shipped StateInternally verified across all assigned locales
Multilingual Scale Impact

Updating interactive content modules requires ensuring that dynamic DOM elements remain visible and fully functional across translation variations.

Wrapper-level fallback assets

Third-Party Embedded Content

The Audit Challenge

External video platforms, dynamic map panels, and direct inline documents (PDFs) were imported without any accessible metadata, trapping keyboard focus and blocking navigation flow.

Status on HandoverNon-conformant
Our Remediation

We resolved issues at the implementation layer: adjusting embedded player flags, updating PDF references to specify format and direct path options, adding descriptive text alternatives, and taking focus-trapping map widgets out of tab orders.

Shipped StateInternally verified across all assigned locales
Multilingual Scale Impact

By ensuring high-contrast accessible fallbacks, users who cannot navigate complex maps or players can still easily access core info.

Localization-safe alt-tags

Alt Text across Locales

The Audit Challenge

Alternative text coverage was highly asymmetric between locales. Decorative image flags were applied inconsistently, and functional images often lacked equivalents outside the primary language variant.

Status on HandoverNon-conformant
Our Remediation

We executed an asset audit across all locales: registering proper localized alternative paths, clearing redundant strings, and setting decorative elements to remain neutral to screen readers.

Shipped StateInternally verified across all assigned locales
Multilingual Scale Impact

This process required translating and storing the alternative descriptions within unified asset databases to prevent future localization drift.

Unified string memory pipelines

The Translation Pipeline

The Audit Challenge

The existing translation memory pipeline had no process for managing helper text, system messages, or accessibility string labels. This risked leaving localized content with hardcoded English values.

Status on HandoverNon-conformant
Our Remediation

We route every single accessibility label, fallback message, and dynamic screen reader string through the official translation pipeline, storing them permanently inside the client translation memory platforms.

Shipped StateInternally verified across all assigned locales
Multilingual Scale Impact

Future development could inherit approved accessibility strings through the translation workflow, reducing the risk of hardcoded English labels returning in later releases.

Need to ship accessible code across a multilingual enterprise site? Talk with our engineering group.

Review Our Approach

The situation

The findings were familiar. The operating environment made them hard.

The client owned three domains: a primary corporate site and two supporting properties serving distinct business functions. Each was published in six languages. The audit had been performed against all three.

Findings included contrast failures inside brand-owned color tokens, interactive components with no keyboard or screen reader support, and forms missing programmatic labels. Carousels had no usable controls. Video had no captions. Third-party embeds had no accessibility scaffolding.

None of the individual issues were exotic. What made the work substantial was the combination: Fortune 500 brand governance, three connected domains, and six language versions of every fix running through a React codebase.

Why remediation was the hard part

The audit named issues. The implementation had to survive production.

Brand-owned colour tokens

Contrast failures had to be fixed without casually changing global brand colours.

Usage-layer fixes included approved token swaps, background changes, font-weight adjustments, and state colour updates for links, buttons, focus, disabled, and error states.

React interactive components

Visual components needed proper roles, names, states, keyboard behaviour, focus, and announcements.

Focus had to survive re-renders and return sensibly when modals, drawers, and overlays closed. Live regions announced meaningful changes without flooding screen reader users.

Forms and dropdowns

Custom controls needed accessible names, programmatic state, keyboard operation, and translated errors.

Errors were associated with failing fields, required states were exposed programmatically, and custom dropdowns were rebuilt where native selects already worked.

Carousels and moving content

Autoplaying components needed pause controls, keyboard navigation, focus handling, and reduced-motion support.

The carousel work required re-architecting component behaviour rather than patching isolated attributes.

Video, PDFs, and maps

Third-party embeds could not always be fixed at the source, so the embedding layer had to carry accessibility.

Videos loaded with captions and controls. PDFs gained useful link text and iframe titles. Maps gained accessible names, focus handling, and text alternatives.

Six language versions

Every accessible name, helper text, error message, and announcement had to exist in all six languages.

Nothing was left as a hardcoded English string. New strings were routed through translation memory and verified per locale.

The gap between the audit and the work

The audit was clear. Applying the fixes without breaking anything was not.

The audit was clear on what was broken. The work was in applying each fix inside a live enterprise environment: coordinating with brand teams on token changes, routing new accessible strings through the translation pipeline, and shipping through a three-stage release cycle without breaking what was already working.

We mapped each finding to its fix dependencies and release path, then worked through the list in coordinated batches.

Want to make your site or app accessible without slowing down production?

We handle the technical implementation, testing support, and release planning needed to make accessibility work in real environments.

Talk through the project

What we did

Work moved in tracks, then shipped in verified batches.

Development, staging, production

Audit mapping

Rebuilt the audit into a plan organised by template, component, embed type, and locale.

Code remediation

Addressed each failure at the source: React components, forms, carousels, media embeds, color tokens, and alt text.

Translation coverage

Routed new accessible names, helper strings, errors, and announcements through the translation pipeline.

Cross-locale verification

Validated each batch on staging in all six languages before promotion to production.

The outcome

The client received production-ready fixes and cleaner compliance handoff.

We delivered production-ready code alongside technical hand-off notes for each locale, giving the client’s compliance and auditing teams a cleaner path to verify the fixes and complete their accessibility reporting.

The client received production-ready remediation, per-locale verification notes, and component-level guidance that reduced future rework risk across their multilingual web properties.

What this means for multilingual enterprise sites

The patterns that made this hard are usually already present.

01

The audit is the start of the work

A WCAG audit identifies issues. It does not map components, language variants, brand approvals, translation dependencies, or release risk.

02

Multilingual makes every fix wider

A single accessibility fix on a six-language site can become six translated, layout-tested, verified changes.

03

Custom React components carry most of the work

Surface patches do not solve focus loss, missing state announcements, or broken keyboard models.

04

Brand sign-off has to be in scope

Contrast fixes inside brand-owned tokens need a review path, or they either stall or get rolled back.

05

You can fix the embedding when you cannot fix the source

When the source embed cannot be fixed directly, the surrounding implementation usually can. Descriptive link text, iframe titles, and text alternatives cover most of the gap.

06

Conformance drifts without ownership

Documentation and component guidance determine whether future content and features stay inside the conformance envelope.

Have an accessibility audit that still needs to become production-ready work?

I help teams turn audit findings into shipped remediation across complex, multilingual websites and applications. We handle the engineering, locale-specific implementation notes, and release discipline your compliance team needs to move the audit toward closure

Accessibility remediation supports compliance goals but does not replace legal review, third-party audit certification, or ongoing content governance.