Core and API

Localization, accessibility, and release quality

Ship a translated, keyboard-friendly, responsive integration and diagnose the exact bundle running in production.

Guide overview

01

Load translations with a safe fallback

Set the locale before rendering the workspace and register host-specific translations through the public localization contract. Missing keys fall back to the closest supported locale and then English.

Keep customer labels, template labels, asset names, and host commerce text separate from technical IDs.

Register the locale catalog.

Translation catalog editor in Asuka Product Designer for WordPress.
Scan interface keys, complete a locale, and test the shared JavaScript runtime in that language.

Switch locale without losing product state.

Scan the interface for untranslated keys and overflowing labels.

02

Complete the accessibility pass

Verify keyboard navigation, visible focus, modal focus trapping, escape behavior, screen-reader labels, contrast, touch targets, and reduced-motion behavior. Canvas-only actions need an equivalent control in a module or layer list.

Repeat the journey with browser zoom and narrow mobile viewports.

Customer permissions configured in the WordPress product designer.
Expose only the editing tools customers need on the storefront.

Navigate without a mouse.

Open and close every drawer and modal.

Test at 200 percent zoom.

Enable reduced motion.

03

Release and diagnose as one unit

Publish JavaScript, CSS, renderer chunks, workers, and generated types under one version. Diagnostics should report the runtime version, schema version, enabled modules, active view, renderer, and failed asset URLs.

Keep the previous complete bundle available for rollback.

WordPress diagnostics for the Asuka Product Designer environment.
Diagnostics identify missing requirements and provide useful context for support.

Run unit and integration tests.

Verify lazy 3D and export chunks on the final domain.

Record a production smoke test.

Still blocked?

Open a contextual request so support receives the platform and recent diagnostics automatically.

Contact support