GouvernementFR / dsfr

🇫🇷 Official french government's design system (Système de Design de l'État)
https://www.systeme-de-design.gouv.fr/
Other
233 stars 52 forks source link

Ajouter un intitulé "Menu" au composant "Burger" #910

Open SylvainBTL opened 5 months ago

SylvainBTL commented 5 months ago

Je propose une amélioration du composant "Burger" afin d'optimiser l'accessibilité de la navigation mobile pour tous les utilisateurs, y compris ceux qui pourraient rencontrer des difficultés avec les conventions de conception web modernes. Bien que ce composant soit largement répandu, il peut présenter des défis d'accessibilité pour de nombreux utilisateurs, notamment les personnes âgées et celles ayant peu de familiarité avec les interfaces numériques.

Raisons de la modification :

  1. Accessibilité pour un large public : Les personnes âgées et d'autres utilisateurs moins familiers avec les conventions de conception web modernes pourraient avoir du mal à comprendre le fonctionnement du composant "Burger". En ajoutant un libellé explicite comme "Menu" à côté de l'icône "Burger", nous rendrons la navigation plus accessible et intuitive pour ces utilisateurs.

  2. Consistance avec les standards de l'industrie : En ajoutant un libellé explicite tel que "Menu", nous suivons les recommandations et pratiques d'accessibilité web largement acceptées. Des sites web populaires et des plateformes gouvernementales à travers le monde utilisent cette approche pour garantir une meilleure accessibilité.

  3. Augmentation de la zone cliquable pour une meilleure accessibilité : En conservant l'icône "Burger" tout en ajoutant un libellé explicite, tel que "Menu", nous augmentons la zone cliquable du bouton de navigation. Contrairement à une icône seule, qui peut être petite et difficile à cibler pour certains utilisateurs, un bouton avec un libellé explicite offre une cible plus grande et plus facile à atteindre, surtout pour ceux ayant des difficultés de précision ou de coordination motrice. Cela réduit le risque d'erreurs de navigation et améliore l'expérience utilisateur pour tous.

  4. Promotion des meilleures pratiques et référenciel pour l'accessibilité : En tant que site de référence en matière d'accessibilité numérique, il est primordial de promouvoir les meilleures pratiques. En adoptant des ajustements qui améliorent l'accessibilité, nous servons de modèle pour d'autres sites gouvernementaux et privés, renforçant ainsi l'inclusion numérique à l'échelle nationale et internationale.

En bref : Ajouter le libellé "Menu" à côté de l'icône "Burger" actuellement utilisée pour la navigation mobile. Ce bouton devrait être clairement visible et facilement identifiable sur tous les appareils mobiles, garantissant ainsi une expérience de navigation plus intuitive pour tous les utilisateurs.

Impact :

Conclusion : L'ajout du libellé "Menu" à côté de l'icône "Burger" est une étape cruciale pour renforcer l'accessibilité et l'inclusion numérique. En adoptant cette modification, nous nous engageons à garantir que chaque citoyen puisse accéder facilement aux informations et aux services en ligne du gouvernement, indépendamment de leur niveau de compétence numérique.

keryanS commented 1 month ago

Bonjour,

Merci pour cet audit très clair, nous gardons cela en tête pour la v2.

Keryan, Pour l'équipe du DSFR