Install Back Office accessibility improvements

Last updated:
Edit on GitHub

Back Office accessibility improvements include the following changes:

  • Green and grey colors have a bigger contrast ratio
  • Disabled elements are skipped in pagination
  • Improved tab index order
  • HTML tag has a lang attribute, which signals screen readers to switch to a defined language

To install Back Office accessibility improvements, take the following steps:

  1. Install the required modules using Composer:
composer require spryker/gui:"~3.53.5"
  1. Build Javascript and CSS changes:
console frontend:zed:install-dependencies
console frontend:zed:build
  1. Generate translation cache for Zed:
console translator:generate-cache