Skip to content

Translations

Gaël Poupard edited this page Sep 1, 2022 · 4 revisions

a11y.css currently exists in English, French, Chinese, Russian, Portuguese, Arabic, Greek, Spanish and Polish: you'll find all those files in the css folder. That being said, translating a11y.css in another language is quite easy to do.

  1. Add a translation file in sass/locales folder named after your language (e.g. _fr.scss);

  2. Copy sass/a11y-en.scss, rename it a11y-<your-language>.scss and change the first import statement to @import 'locales/<your-language>';;

  3. Repeat step 2 with:

  • a11y-<your-language>_error.scss;
  • a11y-<your-language>_warning.scss;
  • a11y-<your-language>_obsolete.scss;
  1. Finally run npm run build to generate new CSS files.

Your PR diff should:

  • add /sass/locales/_<your-language>.scss;
  • add 4 SCSS files in /sass/;
  • add 4 CSS files in /CSS/.

Done!