Checklist Pidila

Référentiels et bonnes pratiques pour les sites web

Une checklist unique regroupant les critères des différents référentiels et bonnes pratiques du web : Référentiel général d’amélioration de l’accessibilité (RGAA), critères du Cerfa numérique, Charte internet de l'État, Référentiel général d'interopérabilité (RGI), bonnes pratiques Opquast, écoconception…

C'est l'outil de travail des équipes internet de la Dila pour gérer la qualité de ses sites internet.

Cette liste dispose d'un moteur de recherche et peut également être filtrée par profil, référentiel ou thématique.

Scampi

Bibliothèque de composants html/css/js

Une bibliothèque de composants assortis d’une base pour démarrer les intégrations web. Ils sont conformes à la checklist Pidila, adaptables à toutes les résolutions d’écran et indépendants les uns des autres.

Chaque composant comporte les sources Sass (scss), son script éventuel, un exemple du html requis ainsi qu’une documentation de mise en œuvre.

Scampi-Twig

Outil de construction de pages statiques

Un outil de construction de pages statiques embarquant la bibliothèque Scampi et un système de templates utilisant les syntaxes Twig et Markdown dans un environnement nodejs / gulp.

Nous l’utilisons pour fabriquer nos gabarits d’intégration html/css/js et pour la réalisation de petits sites comme celui-ci.

Gestion de projet

Ressources, méthodologie, recommandations

Ressources et documents d’assistance à maîtrise d'ouvrage :

  • éléments à prendre en compte dans les clauses de marchés publics,
  • recommandations pour les commandes de livrables,
  • guidelines pour les rédacteurs,
  • rôle et place de l’expert dans la vie d’un projet…

Développement

Bonnes pratiques d’intégration, outils de vérification et de contrôle, tutoriels, exemples…

Événements / Actualité

Actualité des outils du Pôle internet, événements de promotion de la qualité et de l’accessibilité web, supports des présentations

Dernières nouvelles

Scampi 0.9

15 octobre 2019

Gestion des vieux navigateurs modifiée : on ne gère plus les cas où la version d'ie est strictement inférieure à 10.

modules/block-link Nouveau nom du module

modules/blockquote Moins de variables de personnalisation de la police et des bordures

modules/svg-icons Ajout de l'attribut download pour les fichiers en téléchargement

modules/collapse Moins de contraintes sur la structure html de l'élément à déplier

Checklist 2.0

8 octobre 2019

Prise en compte des critères RGAA4 dans la checklist PiDILA. Relecture toujours en cours...

Scampi 0.8

2 septembre 2019

modules/menu-simple Identification de l'item actif autrement que par les css seules, avec ajout de texte caché.

modules/skip-content Nouveau module : composant permettant d'afficher à la tabulation - et à la tabulation seulement - des liens pour éviter un contenu problématique (piège clavier, utilisation peu confortable pour les aides techniques, etc.)

modules/collapse

  • Moins de contraintes sur la structure html de l'élément à déplier
  • Amélioration des règles d'impression

Checklist 1.13

28 juin 2019

Ajout d'un nouveau référentiel Plusieurs critères étaient liés au Référentiel général d'interopérabilité sans le citer ou indirectement. C'est désormais clarifié et précisé à travers les critères Pi-319, Pi-374 et Pi-375. La catégorie de filtres "Référentiels" permet de trier ces critères.

Scampi 0.7

14 mai 2019

Cette version sert de beta pour une version 1.0.0.

Changements majeurs

  • plus aucun script ne nécessite jquery (concerne : anchor-focus, collapse, menu-simple, modal, skip-link, textarea-counter, u-comments, u-palette) ;
  • les scripts des modules modal et collapse ont été réécrits

Nouveaux modules

  • select-a11y : qui transforme un select (simple ou multiple) en liste de suggestions avec champ de recherche.
  • lien-composite : nouveau module permettant de créer un lien composite accessible (ex. image, titre, chapeau)

Améliorations

  • buttons-color : correction des variations de couleurs qui présentaient des déclinaisons avec des contrastes insuffisants
  • collapse : modifications pour permettre d'ouvrir tout par zones (ou tous les collapses de toute la page)
  • forms-inline : amélioration de la présentation par défaut pour que les éléments ne soient pas tous collés les uns aux autres

Toutes les actualités