Page travail d'équipe

index.html

@@ -86,7 +86,60 @@ <h3>Ce que dit la loi</h3>
 
     <h2>Travail d'équipe</h2>
 
-    <h3>La <span lang="en">dream team <abbr>a11y</abbr></span></h3>
+    <figure>
+        <figcaption>Répartition des critères d'accessibilité <abbr title="Référentiel Général d'Amélioration de l'Accessibilité">RGAA</abbr> sur chaque profil</figcaption>
+        <ul>
+            <li>
+               61% Développement front
+                <abbr lang="en" title="HyperText Markup Language">HTML</abbr> /
+                <abbr lang="en" title="JavaScript">JS</abbr> /
+                <abbr lang="en" title="Accessible Rich Internet Application">ARIA</abbr>
+            </li>
+            <li>
+                26% Production de contenus (textes, images, graphiques, PDF, vidéos, transcripts, &hellip;)
+            </li>
+            <li>
+                13% Design
+                (<abbr lang="en" title="User Experience">UX</abbr> +
+                <abbr lang="en" title="User Interface">UI</abbr>)
+                inclusif et accessible
+            </li>
+        </ul>
+        <img src="/donut.jpg" alt=""/>
+    </figure>
+    <p>Tous les profils sont concernés. C'est un travail d'équipe sous la houlette des <abbr lang="en" title="Product Owners">PO</abbr></p>
+
+    <h3>
+        La <span lang="en">dream team <abbr>a11y</abbr></span>
+        <small id="competences-clef-a11y-web">Les compétences clef pour l'accessibilité web</small>
+    </h3>
+    <ul aria-describedby="competences-clef-a11y-web">
+        <li>
+            <strong>Designer</strong> formé au design accessible
+        </li>
+        <li>
+            <strong>Dev <span lang="en">Front</span></strong> maîtrisant
+            <abbr lang="en" title="HyperText Markup Language">HTML</abbr> /
+            <abbr lang="en" title="JavaScript">JS</abbr> /
+            <abbr lang="en" title="Accessible Rich Internet Application">ARIA</abbr>
+        </li>
+        <li>
+            <strong><abbr lang="en" title="Co-Product Owner">CoPO</abbr></strong>
+            sachant prioriser et recetter l'accessibilité
+        </li>
+        <li>
+            <strong>Référent accessibilité</strong>
+            pilote l'application de la politique d'accessibilité
+        </li>
+        <li>
+            <strong>Rédacteurs</strong>
+            formés à la production accessible de contenus
+        </li>
+        <li>
+            <strong>Expert <abbr title="Référentiel Général d'Amélioration de l'Accessibilité">RGAA</abbr></strong>
+            (si nécessaire) pour vérifier la conformité
+        </li>
+    </ul>
 
     <h2><span lang="en">Stack</span> Technique</h2>