Add project roadmap and RGAA foundation
This commit is contained in:
parent
691d8cd0b6
commit
a34ba109ad
4 changed files with 159 additions and 8 deletions
86
projet/rgaa-socle-projets.md
Normal file
86
projet/rgaa-socle-projets.md
Normal file
|
|
@ -0,0 +1,86 @@
|
|||
# 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.
|
||||
Reference in a new issue