Fix roadmap and RGAA HTML rendering

This commit is contained in:
keke 2026-08-15 12:23:54 -03:00
parent a34ba109ad
commit e61f3dc553
2 changed files with 99 additions and 118 deletions

View file

@ -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