Accessibilité

Il est recommandé de lire la définition de l'accessibilité présente dans la section Design.

DSFR et portages

Le DSFR, qui est le Système de Design de l'État, est porté sur divers outils tels que React, Vue ou encore Angular.

Au-delà du caractère obligatoire de son utilisation, les composants du système de design sont conçus avec l'accessibilité au cœur.

Guides des pratiques de développement

Des guides, tels que le WCAG ou le RGAA, existent afin de permettre et faciliter les pratiques de développement :

• Les notices d'intégration de AcceDe Web ;

Outillage et pratiques

Certains projets utilisent Lighthouse afin de vérifier le niveau d'accessibilité, notamment comme étape du processus de CI.

Pour les projets en TS, certains plugins Eslint permettent de s'assurer automatiquement que les régles d'accessibilité sont respectées (par exemple react-a11y). Nous vous recommandons aussi de compléter vos tests unitaires et d'intégrations avec l'utilisation de jest-axe dans le cas où vous utilisez Jest pour vos tests.

Nous vous recommandons d'écrire un test spécifique pour chaque composants, chaque parent et au niveau de la page ou/et de l'onglet.