Fix roadmap and RGAA HTML rendering
This commit is contained in:
keke
parent
a34ba109ad
commit
e61f3dc553
2 changed files with 99 additions and 118 deletions
|
|
@ -1,73 +1,69 @@
|
|||
# Socle RGAA transverse des projets CCDS
|
||||
|
||||
<div class="ccds-rgaa">
|
||||
<section class="ccds-hero">
|
||||
<div class="ccds-hero-kicker">Accessibilite numerique</div>
|
||||
<h1>Passe RGAA transverse des projets</h1>
|
||||
<p>
|
||||
Cette note fixe un socle commun pour eviter que chaque depot reparte de zero.
|
||||
Elle ne remplace pas un audit complet, mais donne une base exploitable pour le
|
||||
portail, la cartographie, la documentation et les futurs outils internes.
|
||||
</p>
|
||||
</section>
|
||||
<section class="ccds-hero">
|
||||
<div class="ccds-hero-kicker">Accessibilite numerique</div>
|
||||
<h1>Passe RGAA transverse des projets</h1>
|
||||
<p>Cette note fixe un socle commun pour eviter que chaque depot reparte de zero. Elle ne remplace pas un audit complet, mais donne une base exploitable pour le portail, la cartographie, la documentation et les futurs outils internes.</p>
|
||||
</section>
|
||||
|
||||
<section class="ccds-rgaa-grid">
|
||||
<article class="ccds-rgaa-card">
|
||||
<h3>Contenu et structure</h3>
|
||||
<ul>
|
||||
<li>un seul <code>h1</code> par vue ;</li>
|
||||
<li>hierarchie de titres logique ;</li>
|
||||
<li>textes d'action explicites ;</li>
|
||||
<li>liens compréhensibles hors contexte.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<section class="ccds-rgaa-grid">
|
||||
<article class="ccds-rgaa-card">
|
||||
<h3>Contenu et structure</h3>
|
||||
<ul>
|
||||
<li>un seul <code>h1</code> par vue ;</li>
|
||||
<li>hierarchie de titres logique ;</li>
|
||||
<li>textes d'action explicites ;</li>
|
||||
<li>liens compréhensibles hors contexte.</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="ccds-rgaa-card">
|
||||
<h3>Couleurs et contrastes</h3>
|
||||
<ul>
|
||||
<li>contraste suffisant sur texte, badges et boutons ;</li>
|
||||
<li>pas d'information portee par la seule couleur ;</li>
|
||||
<li>fonds immersifs toujours au service de la lisibilite.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="ccds-rgaa-card">
|
||||
<h3>Couleurs et contrastes</h3>
|
||||
<ul>
|
||||
<li>contraste suffisant sur texte, badges et boutons ;</li>
|
||||
<li>pas d'information portee par la seule couleur ;</li>
|
||||
<li>fonds immersifs toujours au service de la lisibilite.</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="ccds-rgaa-card">
|
||||
<h3>Navigation clavier</h3>
|
||||
<ul>
|
||||
<li>ordre de focus coherent ;</li>
|
||||
<li>menus repliables activables au clavier ;</li>
|
||||
<li>modales et panneaux refermables proprement.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="ccds-rgaa-card">
|
||||
<h3>Navigation clavier</h3>
|
||||
<ul>
|
||||
<li>ordre de focus coherent ;</li>
|
||||
<li>menus repliables activables au clavier ;</li>
|
||||
<li>modales et panneaux refermables proprement.</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="ccds-rgaa-card">
|
||||
<h3>Formulaires et retours</h3>
|
||||
<ul>
|
||||
<li>labels visibles et relies aux champs ;</li>
|
||||
<li>erreurs explicites et localisees ;</li>
|
||||
<li>messages de succes comprehensibles ;</li>
|
||||
<li>etats de chargement non ambigus.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="ccds-rgaa-card">
|
||||
<h3>Formulaires et retours</h3>
|
||||
<ul>
|
||||
<li>labels visibles et relies aux champs ;</li>
|
||||
<li>erreurs explicites et localisees ;</li>
|
||||
<li>messages de succes comprehensibles ;</li>
|
||||
<li>etats de chargement non ambigus.</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="ccds-rgaa-card">
|
||||
<h3>Images, cartes et medias</h3>
|
||||
<ul>
|
||||
<li>textes alternatifs utiles pour les images non decoratives ;</li>
|
||||
<li>cartes toujours accompagnees d'une alternative textuelle ou liste ;</li>
|
||||
<li>decorations de cards sans impact sur la lecture.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="ccds-rgaa-card">
|
||||
<h3>Images, cartes et medias</h3>
|
||||
<ul>
|
||||
<li>textes alternatifs utiles pour les images non decoratives ;</li>
|
||||
<li>cartes toujours accompagnees d'une alternative textuelle ou liste ;</li>
|
||||
<li>decorations de cards sans impact sur la lecture.</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="ccds-rgaa-card">
|
||||
<h3>Documentation et wiki</h3>
|
||||
<ul>
|
||||
<li>README lisibles avec structure simple ;</li>
|
||||
<li>tableaux reserves aux vraies donnees tabulaires ;</li>
|
||||
<li>roadmaps et procedures lisibles sans mise en page complexe.</li>
|
||||
</ul>
|
||||
</article>
|
||||
</section>
|
||||
<article class="ccds-rgaa-card">
|
||||
<h3>Documentation et wiki</h3>
|
||||
<ul>
|
||||
<li>README lisibles avec structure simple ;</li>
|
||||
<li>tableaux reserves aux vraies donnees tabulaires ;</li>
|
||||
<li>roadmaps et procedures lisibles sans mise en page complexe.</li>
|
||||
</ul>
|
||||
</article>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
## Priorites de controle
|
||||
|
|
|
|||
|
|
@ -1,67 +1,52 @@
|
|||
# Roadmap transverse CCDS
|
||||
|
||||
<div class="ccds-roadmap">
|
||||
<div class="ccds-roadmap-list">
|
||||
<div class="ccds-roadmap-item">
|
||||
<div class="ccds-roadmap-index">1</div>
|
||||
<div>
|
||||
<h3>Stabilisation produit et UX</h3>
|
||||
<p>Rendre le portail plus lisible, plus rapide et plus confortable en usage reel, sur desktop comme sur mobile.</p>
|
||||
<div class="ccds-badges">
|
||||
<span class="ccds-badge success">Actif</span>
|
||||
<span class="ccds-badge">Portail</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ccds-roadmap-list">
|
||||
<div class="ccds-roadmap-item">
|
||||
<div class="ccds-roadmap-index">1</div>
|
||||
<div>
|
||||
<h3>Stabilisation produit et UX</h3>
|
||||
<p>Rendre le portail plus lisible, plus rapide et plus confortable en usage reel, sur desktop comme sur mobile.</p>
|
||||
<div class="ccds-badges"><span class="ccds-badge success">Actif</span><span class="ccds-badge">Portail</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ccds-roadmap-item">
|
||||
<div class="ccds-roadmap-index">2</div>
|
||||
<div>
|
||||
<h3>Cartographie auto-hebergee premium</h3>
|
||||
<p>Consolider OpenMapTiles, styles public / admin et guidage terrain sans perdre la lisibilite institutionnelle.</p>
|
||||
<div class="ccds-badges">
|
||||
<span class="ccds-badge success">Actif</span>
|
||||
<span class="ccds-badge">Cartographie</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ccds-roadmap-item">
|
||||
<div class="ccds-roadmap-index">2</div>
|
||||
<div>
|
||||
<h3>Cartographie auto-hebergee premium</h3>
|
||||
<p>Consolider OpenMapTiles, styles public / admin et guidage terrain sans perdre la lisibilite institutionnelle.</p>
|
||||
<div class="ccds-badges"><span class="ccds-badge success">Actif</span><span class="ccds-badge">Cartographie</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ccds-roadmap-item">
|
||||
<div class="ccds-roadmap-index">3</div>
|
||||
<div>
|
||||
<h3>Conformite RGPD, RGAA et trajectoire ISO 27001</h3>
|
||||
<p>Passer d'une base documentaire existante a un pilotage plus probant, plus auditable et plus regulier.</p>
|
||||
<div class="ccds-badges">
|
||||
<span class="ccds-badge">Conformite</span>
|
||||
<span class="ccds-badge warn">A renforcer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ccds-roadmap-item">
|
||||
<div class="ccds-roadmap-index">3</div>
|
||||
<div>
|
||||
<h3>Conformite RGPD, RGAA et trajectoire ISO 27001</h3>
|
||||
<p>Passer d'une base documentaire existante a un pilotage plus probant, plus auditable et plus regulier.</p>
|
||||
<div class="ccds-badges"><span class="ccds-badge">Conformite</span><span class="ccds-badge warn">A renforcer</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ccds-roadmap-item">
|
||||
<div class="ccds-roadmap-index">4</div>
|
||||
<div>
|
||||
<h3>Industrialisation de l'exploitation</h3>
|
||||
<p>Structurer les sauvegardes, restaurations, healthchecks, maintenance et preuves d'execution.</p>
|
||||
<div class="ccds-badges">
|
||||
<span class="ccds-badge">Infra</span>
|
||||
<span class="ccds-badge warn">Pilotage a maturer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ccds-roadmap-item">
|
||||
<div class="ccds-roadmap-index">4</div>
|
||||
<div>
|
||||
<h3>Industrialisation de l'exploitation</h3>
|
||||
<p>Structurer les sauvegardes, restaurations, healthchecks, maintenance et preuves d'execution.</p>
|
||||
<div class="ccds-badges"><span class="ccds-badge">Infra</span><span class="ccds-badge warn">Pilotage a maturer</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ccds-roadmap-item">
|
||||
<div class="ccds-roadmap-index">5</div>
|
||||
<div>
|
||||
<h3>Gouvernance documentaire et Forgejo</h3>
|
||||
<p>Maintenir un espace de travail range, tracable et partageable, avec ADR, templates et depots bien separes.</p>
|
||||
<div class="ccds-badges">
|
||||
<span class="ccds-badge">Docs</span>
|
||||
<span class="ccds-badge">Forgejo</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ccds-roadmap-item">
|
||||
<div class="ccds-roadmap-index">5</div>
|
||||
<div>
|
||||
<h3>Gouvernance documentaire et Forgejo</h3>
|
||||
<p>Maintenir un espace de travail range, tracable et partageable, avec ADR, templates et depots bien separes.</p>
|
||||
<div class="ccds-badges"><span class="ccds-badge">Docs</span><span class="ccds-badge">Forgejo</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
## Regle de pilotage
|
||||
|
|
|
|||
Reference in a new issue