Mini-site exemple pour un switcher de couleurs (commutateur de style), mécanisme permettant d'obtenir des couleurs suffisamment contrastées pour respecter les règles d'accessibilité et permettre à tout le monde de lire le contenu.

• Lire l'article complet à ce sujet sur le blog de Tanaguru : « Contrastes de couleurs de texte (partie 3) : le mécanisme d’amélioration des contrastes »
• Page de démonstration de deux exemples de mécanisme d’amélioration des contrastes de couleurs

Synchroniser en amont le dossier avec Git

Lancer simplement la page index.html

Pré-requis : installer le plugin EditorConfig qui va bien pour son éditeur de code pour éviter les problèmes d'indentation

1. Pré-requis : avoir NodeJS avec NPM (version LTS et non pas Current)
2. Dans l'explorateur du système d'exploitation, se placer dans le dossier contenant le projet et ouvrir une invite de commandes
3. Lancer l'installation des modules via la commande npm install

Lancer la compilation Sass (autopréfixage CSS + watch) via la commande npm run dev

Mini site example for a colour switcher (style switch), a mechanism to obtain sufficiently contrasting colours to comply with accessibility rules and allow everyone to read the content.

• Read the full article on this subject on Tanaguru's blog: “Text Colour contrasts (Part 3): the contrast improvement mechanism”
• Demonstration page of two examples of colour contrast improvement mechanism

At first, synchronise the repository with Git

Simply launch the index-en.html page

Prerequisite: install the EditorConfig plugin that works well for your code editor to avoid indentation problems.

1. Prerequisite: having NodeJS avec NPM (LTS version and not Current)
2. In the explorer of the operating system, go to the folder containing the project and open a command prompt
3. Start the installation of the modules via the npm install command

Launch Sass compilation (CSS auto-prefix + watch) via the npm run dev command