Translations

a11y.css currently exists in English, French, Chinese, Russian, Portuguese, Arabic, Greek and Spanish: 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 JSON translation file in locales folder named after your language (e.g. fr.json);

2. Add an entry to locales: [] in tasks/helpers/options.js using your language's code;

3. Run npm run gulp translate to precompile JSON file to a new SCSS file (containing translated messages as a Sass map);

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

5. Repeat step 4 with:

• a11y-<your-language>_error.scss;
• a11y-<your-language>_warning.scss;
• a11y-<your-language>_obsolete.scss;

6. Finally run npm run gulp to generate new CSS files.

Your PR diff should:

• add /locales/<your-language>.json;
• add /sass/locales/_<your-language>.scss;
• modify /tasks/helpers/options.js;
• add 4 SCSS files in /sass/;
• add 4 CSS files in /CSS/.

Done!