29/12/2022

BLOG | Un site DSFR en 1 mois, c’est possible ?

Par Elena Ortega Collado, Maxime Boilley et Laurent Andraud
Image
Image illustration article socle DSFR Klee Group

Suite à la mise en place du Système de Design de l’État (DSFR), en 2021, les sites principaux de l’administration française, en « .gouv.fr », sont désormais obligés ou encouragés (selon les directives) de proposer des sites Internet respectant ce nouveau standard de charte graphique, d’ergonomie et d’accessibilité.

 

Mais qu’est-ce-que le DSFR ?

Le Système de Design de l’État a été mis en place par le Service d’Information du Gouvernement (SIG). Pour faire simple, un système de design ou « design system », est une bibliothèque de composants graphiques, avec des guides de styles, le tout accompagné de règles d’utilisation et de composition. Ce système représente aujourd’hui la marque de l’État. Son ambition est simple : harmoniser le design et l’expérience utilisateur de tous les sites des administrations françaises et, à terme, « améliorer la relation numérique État/Citoyen en devenant une référence de qualité et de confiance ».

 

Vous souhaitez appliquer le DSFR à votre nouveau site web, mais vous ne savez pas comment vous y prendre ?

Pas de panique ! Klee Group a développé un socle de CMS prêt à l’emploi, basé sur les composants natifs du DSFR. C’est un service facilement homologable, paramétrable en fonction de vos besoins et dont l’initialisation / la mise en production se fait dans les meilleurs délais.

 

Notre service

Klee Group vous accompagne à suivre les exigences du DSFR en s’adaptant à vos enjeux techniques. Pour cela, nous avons développé un socle commun s’appuyant sur le code natif du DSFR (publié et maintenu de source officielle par le SIG), ce qui facilite les étapes d’homologation, d’accessibilité (RGAA4) et de respect du DSFR.

 

Le socle DSFR Klee s’appuie sur la technologie Drupal 9, le CMS open-source leader du marché. Pour la publication de vos contenus éditoriaux, Drupal apporte simplicité, sécurité et souplesse. Une ergonomie soignée des espaces contributeurs facilite la prise en main rapide de l’outil, même pour les non-spécialistes.

 

Le socle DSFR est utilisable immédiatement. Une fois le service déployé, vous avez le contrôle total de votre site. Les éléments majeurs tels que le logo, le titre et la description du site sont paramétrables. L’espace contributeurs vous est dédié pour l’intégration libre des contenus, rubriques et menus.

 

Quelques composants en Image :
 

Handicap - header_menu

Le menu de navigation principal (peut être paramétré en mode simple ou « mégamenu »)

 

Handicap - Footer_menu

Un footer avec le bloc Marianne.

 

Diese - Bloc contenus en cartes

La possibilité de créer des mosaïques de contenus sous forme de cartes.

 

Diese - Bloc téléchargement fichier

Des composants pratiques comme un bloc de téléchargement de fichier.

 

Handicap - Formulaire de contact

Un formulaire de contact standard

 

Et bien d’autres composants prêts à l’usage !

Toutes les images ont été extraites des sites www.handicap.gouv.fr et www.diese.gouv.fr développés par Klee Group.

 

Au-delà du DSFR, nous vous accompagnons dans la démarche d’homologation complète de votre site Internet

 

  • D’après le site du gouvernement français www.numerique.gouv.fr, « les services publics numériques ont l’obligation d’être accessibles de façon équivalente à tout citoyen, qu’il soit ou non en situation de handicap ». Les sites que nous construisons à partir du socle DSFR sont conformes à la norme, et atteignent un niveau d’accessibilité numérique robuste. Le respect du Référentiel Général d’Accessibilité pour les Administrations (RGAA) est l’une des plus importantes contraintes dans le développement de votre projet.
     
  • Klee Group s’engage à assurer la confidentialité des données privées de vos utilisateurs. Pour cela, nous mettons en place une gestion des cookies sur le socle du DSFR, en application du Règlement européen Général sur la Protection des Données (RGPD).
     
  • Avec le socle DSFR, la sécurité de vos utilisateurs est garantie (respect du Règlement Général de Sécurité – RGS). Le socle permet de mettre en place des services tels que l’authentification, la signature électronique, la confidentialité, et l’horodatage.
     
  • Nous savons que le Référentiel Général d’Écoconception de Services Numériques (RGESN) arrive à grands pas et que, à terme, les sites grand public devront aussi le respecter. C’est pourquoi nous intégrons déjà ces recommandations au développement du socle DSFR. Klee Group se mobilise pour inclure le numérique dans sa trajectoire environnementale, nous adoptons les bonnes pratiques numériques écoresponsables.

 

Construire sur le long terme

Le socle s’appuie sur des composants Drupal standards (contenus, paragraphes, taxonomies, etc.) sans surcouche technique complexe ni tierce partie applicative. L’objectif est double : simplifier l’évolutivité et la pérennité de votre site.

Vous avez des enjeux éditoriaux ou de services spécifiques ? Nous pouvons faire évoluer le socle et assurer une prestation sur mesure pour l’adapter à vos besoins.

Sur le long terme, nous assurons le suivi des mises à jour de sécurité et les montées de versions sans impact sur vos pages.

 

En résumé

Le socle DSFR développé par Klee Group est un site de base immédiatement exploitable. Les contenus et la configuration du site d’accès sont libres depuis l’espace contributeur.

Le socle est très générique et peut être modulable en fonction de vos besoins. Il est évolutif, l’ajout et la suppression de fonctionnalités et de composants graphiques sur mesure est possible, toujours dans le respect du DSFR.

En seulement quelques semaines, vous disposerez d’un site respectant les normes DSFR, RGPD, RGS, RGESN/de sobriété numérique et RGAA/ d’accessibilité. Vos utilisateurs auront une expérience web attractive et harmonieuse avec le reste des sites de l’État.

Klee Group peut déployer votre site facilement en respectant vos exigences de qualité, de performance et de délais. Notre socle s’adapte à vos besoins, aux enjeux et au contexte de votre projet, que demander de plus !

 

Article écrit par Elena Ortega Collado, Maxime Boilley et Laurent Andraud

 

Contactez-nous