86 lines
2.9 KiB
Markdown
86 lines
2.9 KiB
Markdown
# 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-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>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>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>
|
|
</div>
|
|
|
|
## Priorites de controle
|
|
|
|
1. portail-associations : parcours publics, association, admin dense ;
|
|
2. cartographie : filtres, marqueurs, guidage et lisibilite mobile ;
|
|
3. docs et Forgejo : lisibilite, navigation et structure des contenus ;
|
|
4. futurs outils internes : reprendre ce socle des la V1.
|
|
|
|
## Definition de fini minimale
|
|
|
|
- chaque nouveau module doit passer un controle clavier ;
|
|
- les couleurs critiques sont verifiees ;
|
|
- les retours d'erreur et de succes sont lisibles ;
|
|
- la structure de titres reste propre ;
|
|
- les principaux ecrans mobiles sont verifies.
|