Gestion des icônes

Afin de garantir le respect des données personnelles de nos utilisateurs, nous évitons de nous reposer sur des services tiers américains et hébergeons nos icônes.
Iconographie illustrative
Nous utilisons le service Icomoon pour gérer le jeu d'icônes illustratives utilisé sur Acceslibre. La configuration des icônes est versionnée dans le dépôt dans le fichier static/img/acceslibre.json.
Sur Icomoon, c'est ce fichier qu'il faut importer pour charger la selection d'icônes :
Import de configuration de jeu d'icônes sur Icomoon
Pour exporter le jeu d'icônes, il faut d'abord générer la police :
Génération de la police
Puis télécharger l'archive contenant l'export complet du jeu d'icônes et des styles correspondant :
Téléchargement de la police
Ceci fait, il faut décompresser cette archive et remplacer le contenu du dossier static/icons par le contenu de l'archive.
Enfin, récupérez un export JSON de la configuration du jeu d'icônes et mettez à jour le fichier static/img/acceslibre.json.
Vous pouvez maintenant publier les changements.
Astuce : pour visualiser le jeu d'icônes disponibles, une URL est disponible publiquement et localement.
Considérations d'accessibilité
Les icônes illustratives Icomoon sont gérées par le biais d'une police de caractère. Cette technique — bien pratique — est cependant réputée difficilement accessible. Pour palier à ce problème, nous utilisons systématiquement l'attribut aria-hidden="true", permettant de masquer le caractère utilisé aux lecteurs d'écran :
<i aria-hidden="true" class="icon icon-circled-info></i>
Iconographie cartographique
Les icônes vectorielles utilisées sur les cartes interactives sont gérées manuellement dans le fichier mapicons.svg. Le fichier SVG est éditable au moyen d'un logiciel d'édition vectorielle comme Inkscape.
Une page de visualisation de l'ensemble des icônes cartographique est disponible sur cette page dédiée (un compte administrateur est cependant requis pour y accéder).
Jeu d'icônes cartographique

Formatage du code

Astuces de développement

Dernière mise à jour 1yr ago

Copier le lien

Sommaire

Iconographie illustrative

Considérations d'accessibilité

Iconographie cartographique