Skip to content

Commit e2adaa4

Browse files
Alexmacappleclaude
andcommitted
feat(navigation): restructuration complète de la navigation et amélioration RGAA
- Sépare index.md en deux pages : accueil.md (intro + cartes) et span-sg.md (contenu détaillé) - Ajoute titre H1 manquant dans span-sg.md pour corriger le menu latéral - Active le sommaire DSFR (afficher_sommaire: true) avec hook de correction des IDs fix(accessibilité): corrections RGAA multiples - Corrige hiérarchie des titres (h5 → h3 dans les cartes DSFR) via hook card_heading_level.py - Ajoute title="Rechercher" sur champ de recherche via hook search_input_label.py - Corrige titres de pagination pour inclure nom accessible via hook pagination_title.py - Fixe IDs dupliqués dans sidemenu via hook fix_sidemenu_ids.py - Ajoute CSS pour limiter hauteur du menu latéral et éviter débordement footer feat(ux): améliore présentation et navigation - Supprime affichage des scores dans pages modules (conservés uniquement dans synthèse) - Désactive dates de révision (afficher_date_de_revision: false) - Supprime métadonnées document de processus.md (version, auteur, date) - Active liens d'évitement (skip links) sur toutes les pages chore: nettoyage configuration - Désactive plugin git-revision-date-localized - Augmente toc_depth de 2 à 3 pour meilleure navigation - Ajoute 7 nouveaux hooks pour corrections RGAA 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent dfa08bb commit e2adaa4

16 files changed

Lines changed: 702 additions & 41 deletions

docs/accueil.md

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
---
2+
title: Accueil - SPAN SG
3+
---
4+
5+
# Schéma Pluriannuel d'Accessibilité Numérique
6+
7+
/// alert
8+
type: info
9+
**Document évolutif** : Ce SPAN est susceptible d'être mis à jour sans préavis. La version en ligne est la seule version qui peut faire référence.
10+
///
11+
12+
## Nouveau référent ? Besoin d'aide ?
13+
14+
La MiWeb accompagne les directions du SG dans la mise en œuvre de leur SPAN.
15+
16+
[Consulter le guide d'accompagnement](accompagnement.md)
17+
18+
**Contact :** [accessibilite.miweb@finances.gouv.fr](mailto:accessibilite.miweb@finances.gouv.fr)
19+
20+
---
21+
22+
## SPAN par direction du SG
23+
24+
Accédez directement aux SPAN de chaque direction du Secrétariat Général :
25+
26+
/// row | fr-grid-row--gutters
27+
/// col | 12 md-6 lg-4
28+
/// card | SIRCOM
29+
target: modules/sircom.md
30+
badge: Validé | success
31+
Service de la Communication - Portails ministériels, sites internet/intranet
32+
///
33+
///
34+
/// col | 12 md-6 lg-4
35+
/// card | SNUM
36+
target: modules/snum.md
37+
badge: Brouillon | warning
38+
Service du Numérique - Systèmes d'information, applications métiers
39+
///
40+
///
41+
/// col | 12 md-6 lg-4
42+
/// card | SRH
43+
target: modules/srh.md
44+
badge: Brouillon | warning
45+
Service des Ressources Humaines - Outils RH, gestion du personnel
46+
///
47+
///
48+
/// col | 12 md-6 lg-4
49+
/// card | BGS
50+
target: modules/bgs.md
51+
badge: Brouillon | warning
52+
Bureau de la Gestion des Services - Logistique, moyens généraux
53+
///
54+
///
55+
/// col | 12 md-6 lg-4
56+
/// card | SAFI
57+
target: modules/safi.md
58+
badge: Brouillon | warning
59+
Service des Affaires Financières - Budget, comptabilité
60+
///
61+
///
62+
/// col | 12 md-6 lg-4
63+
/// card | SIEP
64+
target: modules/siep.md
65+
badge: Brouillon | warning
66+
Service des Infrastructures et de l'Environnement Professionnel
67+
///
68+
///
69+
///
70+
71+
---
72+
73+
## Mise en application de la Circulaire du Premier Ministre (28 avril 2025)
74+
75+
La Circulaire relative à l'action interministérielle pour améliorer l'accès aux droits des personnes en situation de handicap fait l'objet d'un suivi actif.
76+
77+
### Comité ministériel du handicap
78+
79+
Un Comité ministériel du handicap est en cours de construction sous le pilotage du HFHI (Fabrice Thevaux).
80+
81+
L'ordre du jour comprend une dizaine de points, dont :
82+
83+
- Un point consacré aux démarches essentielles
84+
- Un point sur l'accessibilité de la communication et du numérique
85+
86+
### Schéma Pluriannuel d'Accessibilité Numérique (SPAN)
87+
88+
La MiWeb a entamé la réalisation d'un SPAN sur le périmètre SG :
89+
90+
- S'appuyant sur l'expérience du SIRCOM (SPAN publié sur le portail economie)
91+
- Avec un périmètre élargi au niveau du Secrétariat Général
92+
- Objectif : embarquer l'ensemble des services du SG (MOA des sites et applications) dans ce projet
93+
94+
### Accompagnement et sensibilisation
95+
96+
La MiWeb propose des présentations sur l'accessibilité dans vos services et directions :
97+
98+
- Sensibilisation et acculturation
99+
- Mise en œuvre
100+
- Publications
101+
102+
**Contact :** [accessibilite.miweb@finances.gouv.fr](mailto:accessibilite.miweb@finances.gouv.fr)
103+
104+
### Salon Tchap "Accessibilité numérique des MEF"
105+
106+
Un nouveau salon Tchap (accès réservé) vient d'ouvrir pour faciliter les échanges entre collègues.
107+
108+
**Public cible :**
109+
110+
- MOA
111+
- MOE
112+
- Communicants
113+
- Chefs de projets
114+
115+
**Usage :**
116+
117+
- Entraide
118+
- Demandes de conseils
119+
- Partage d'informations de manière informelle et transverse
120+
121+
**Pour demander l'accès :** [accessibilite.miweb@finances.gouv.fr](mailto:accessibilite.miweb@finances.gouv.fr)

docs/assets/custom.css

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,27 @@
11
/* Styles minimaux spécifiques SPAN SG */
2+
3+
/* Fix pour le menu latéral DSFR qui déborde sur le footer */
4+
/* Limite la hauteur du sidemenu sticky et ajoute un scroll si nécessaire */
5+
.fr-sidemenu--sticky-full-height {
6+
max-height: calc(100vh - 250px); /* Laisse de l'espace pour le header et footer */
7+
overflow-y: auto; /* Ajoute un scroll vertical si le contenu dépasse */
8+
overflow-x: hidden; /* Évite le scroll horizontal */
9+
}
10+
11+
/* Amélioration du scroll dans le sidemenu */
12+
.fr-sidemenu--sticky-full-height::-webkit-scrollbar {
13+
width: 8px;
14+
}
15+
16+
.fr-sidemenu--sticky-full-height::-webkit-scrollbar-track {
17+
background: var(--background-default-grey);
18+
}
19+
20+
.fr-sidemenu--sticky-full-height::-webkit-scrollbar-thumb {
21+
background: var(--border-default-grey);
22+
border-radius: 4px;
23+
}
24+
25+
.fr-sidemenu--sticky-full-height::-webkit-scrollbar-thumb:hover {
26+
background: var(--text-action-high-grey);
27+
}

docs/assets/extra.js

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,13 @@ document.addEventListener('DOMContentLoaded', function() {
55
links.forEach(function(link) {
66
link.setAttribute('target', '_blank');
77
link.setAttribute('rel', 'noopener noreferrer');
8-
link.setAttribute('title', 'Code source GitHub ouvrir dans une nouvelle fenêtre');
8+
9+
// RGAA: Le title doit commencer par le nom accessible
10+
const nomAccessible = link.textContent.trim();
11+
if (nomAccessible) {
12+
link.setAttribute('title', nomAccessible + ' - Code source GitHub ouvrir dans une nouvelle fenêtre');
13+
} else {
14+
link.setAttribute('title', 'Code source GitHub ouvrir dans une nouvelle fenêtre');
15+
}
916
});
1017
});

docs/index.md

Lines changed: 14 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -138,9 +138,9 @@ Le SG s'engage à mettre en œuvre les principes de la charte de la communicatio
138138

139139
Pour tenir cet engagement, le SG s'appuiera sur :
140140

141-
- La formation de ses équipes internes (voir "Actions de formation et de sensibilisation") ;
142-
- Le recours à des prestataires spécialisés via les marchés publics (voir "Recours à des compétences externes") ;
143-
- L'accompagnement des projets par l'équipe accessibilité du SG (voir "Prise en compte de l'accessibilité numérique dans les projets").
141+
- La formation de ses équipes internes
142+
- Le recours à des prestataires spécialisés via les marchés publics
143+
- L'accompagnement des projets par l'équipe accessibilité du SG
144144

145145
Ainsi, le SG mobilisera les moyens humains et financiers nécessaires, en interne comme en externe, pour assurer la création de contenus numériques pleinement accessibles.
146146

@@ -167,10 +167,10 @@ L'équipe accessibilité du SG est constituée de plusieurs chefs de projets for
167167

168168
La prise en compte de l'accessibilité numérique nécessite :
169169

170-
- Une adaptation de l'organisation interne de production et de gestion des sites web et application concernés ;
171-
- L'accompagnement des personnels ;
172-
- Une modification des procédures de marché ;
173-
- La prise en charge des personnes en situation de handicap lorsqu'elles signalent des difficultés.
170+
- Une adaptation de l'organisation interne de production et de gestion des sites web et application concernés
171+
- L'accompagnement des personnels
172+
- Une modification des procédures de marché
173+
- La prise en charge des personnes en situation de handicap lorsqu'elles signalent des difficultés
174174

175175
Les éléments ci-dessous décrivent les points importants sur lesquels SG va s'appuyer pour améliorer l'accessibilité numérique de l'ensemble de ses sites web et applications.
176176

@@ -203,16 +203,14 @@ Opérateur de formation continue du ministère de l'Économie, des Finances et d
203203

204204
### Liste des formations disponibles sur MENTOR
205205

206-
Plateforme interministérielle de formation
206+
Mentor est la plateforme interministérielle dédiée à la formation. Elle permet de suivre des modules sur **l'accessibilité numérique selon votre métier** :
207207

208-
**L'accessibilité numérique selon votre métier** :
209-
210-
- Module 1 : Accessibilité numérique
211-
- Module 2 : Consultation et cadrage
212-
- Module 3 : Conception fonctionnelle et graphique
213-
- Module 4 : Évaluation de l'accessibilité
214-
- Module 5 : Intégration et développement
215-
- Module 6 : Contribution éditoriale
208+
- Module 1 : accessibilité numérique
209+
- Module 2 : consultation et cadrage
210+
- Module 3 : conception fonctionnelle et graphique
211+
- Module 4 : évaluation de l'accessibilité
212+
- Module 5 : intégration et développement
213+
- Module 6 : contribution éditoriale
216214

217215
**Autres formations** :
218216

docs/modules/bgs.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -62,5 +62,3 @@ validation_status: draft
6262
- [ ] Intégration de l'accessibilité numérique dans les critères de sélection des prestataires prévue <!-- CHECKLIST -->
6363
- [ ] Intégration de l'accessibilité numérique dans les procédures de recette prévue <!-- CHECKLIST -->
6464
- [ ] Intégration de l'accessibilité dans les conventions avec opérateurs/délégataires/partenaires prévue (si nécessaire) <!-- CHECKLIST -->
65-
66-
**Score: 0/33 (0.0%)**

docs/modules/safi.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -62,5 +62,3 @@ validation_status: draft
6262
- [ ] Intégration de l'accessibilité numérique dans les critères de sélection des prestataires prévue <!-- CHECKLIST -->
6363
- [ ] Intégration de l'accessibilité numérique dans les procédures de recette prévue <!-- CHECKLIST -->
6464
- [ ] Intégration de l'accessibilité dans les conventions avec opérateurs/délégataires/partenaires prévue (si nécessaire) <!-- CHECKLIST -->
65-
66-
**Score: 0/33 (0.0%)**

docs/modules/siep.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -62,5 +62,3 @@ validation_status: draft
6262
- [ ] Intégration de l'accessibilité numérique dans les critères de sélection des prestataires prévue <!-- CHECKLIST -->
6363
- [ ] Intégration de l'accessibilité numérique dans les procédures de recette prévue <!-- CHECKLIST -->
6464
- [ ] Intégration de l'accessibilité dans les conventions avec opérateurs/délégataires/partenaires prévue (si nécessaire) <!-- CHECKLIST -->
65-
66-
**Score: 0/33 (0.0%)**

docs/modules/snum.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -62,5 +62,3 @@ validation_status: draft
6262
- [ ] Intégration de l'accessibilité numérique dans les critères de sélection des prestataires prévue <!-- CHECKLIST -->
6363
- [ ] Intégration de l'accessibilité numérique dans les procédures de recette prévue <!-- CHECKLIST -->
6464
- [ ] Intégration de l'accessibilité dans les conventions avec opérateurs/délégataires/partenaires prévue (si nécessaire) <!-- CHECKLIST -->
65-
66-
**Score: 0/33 (0.0%)**

docs/modules/srh.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -62,5 +62,3 @@ validation_status: draft
6262
- [ ] Intégration de l'accessibilité numérique dans les critères de sélection des prestataires prévue <!-- CHECKLIST -->
6363
- [ ] Intégration de l'accessibilité numérique dans les procédures de recette prévue <!-- CHECKLIST -->
6464
- [ ] Intégration de l'accessibilité dans les conventions avec opérateurs/délégataires/partenaires prévue (si nécessaire) <!-- CHECKLIST -->
65-
66-
**Score: 0/33 (0.0%)**

docs/processus.md

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -718,9 +718,3 @@ Si vous débutez la démarche SPAN :
718718
- **Expertise** : Faire appel à organismes spécialisés (Access42, Atalan, Koena)
719719

720720
**Le processus SPAN peut sembler complexe, mais chaque organisation l'a parcouru. Vous n'êtes pas seul·e.**
721-
722-
---
723-
724-
*Document mis à jour : 2025-10-13*
725-
*Version : 3.0*
726-
*Auteur : RAN SG*

0 commit comments

Comments
 (0)