wip: Intégre l'existant à la nouvelle hiérarchie de titres

index.html

@@ -22,10 +22,60 @@
     </header>
     <h1>Web <span lang="en"><abbr title="accessibility">a11y</abbr></span> pour tout le monde</h1>
 
+
     <h2>Vos utilisateurs</h2>
+    <p>Savez-vous <strong>vraiment</strong> comment vos utilisateurs·rices visitent votre interface ?</p>
+
+    <!--    <h4>Croyance</h4>-->
+    <!--    &lt;!&ndash; figcaption? pour faire le lien entre schema utilisateur-interface et diversité associé &ndash;&gt;-->
+    <!--    <p id="diversite-users">Diversité des utilisateurs & utilisatrices</p>-->
+    <!--    <ul aria-labelledby="diversite-users">-->
+    <!--        <li>Limitations visuelles, auditives, motrices...</li>-->
+    <!--        <li>Limitations permanentes, temporaires, situationnelles...</li>-->
+    <!--        <li>Plurihandicap</li>-->
+    <!--        <li>Seniors, débutants, illettrés...</li>-->
+    <!--        <li>etc.</li>-->
+    <!--    </ul>-->
+    <!--    <p id="diversite-interface">Diversité des interfaces</p>-->
+    <!--    <ul aria-labelledby="diversite-interface">-->
+    <!--        <li> Terminaux : ordi de bureau, tablette tactile, smartphone, etc. </li>-->
+    <!--        <li>Différents navigateurs : graphiques, textuels...</li>-->
+    <!--        <li>etc.</li>-->
+    <!--    </ul>-->
+
+    <!--    <h4>Réalité</h4>-->
+    <!--    &lt;!&ndash; figcaption? pour faire le lien entre schema utilisateur-interface et diversité associé &ndash;&gt;-->
+    <!--    <p id="diversite-technique">Diversité des aides techniques</p>-->
+    <!--    <ul aria-labelledby="diversite-technique">-->
+    <!--        <li>Soft : zoom, contrastes, mode lecture, synthèse vocale, etc.</li>-->
+    <!--        <li>Hard : afficheur braille, trackball, etc.</li>-->
+    <!--    </ul>-->
+    <!--    &lt;!&ndash;    prend-on le = ? &ndash;&gt;-->
+    <p>
+        <strong>Multiples contextes d'usage !</strong>
+        Un site/app est accessible s'il est compatible avec ces multiples contextes d'usage
+    </p>
+
 
     <h3>Définition de l'accessibilité web</h3>
 
+    <figure>
+        <blockquote>
+            Mettre le web et ses services à la disposition de tous les individus, <strong>quels que soient</strong>
+            <ul>
+                <li>leur matériel ou logiciel</li>
+                <li>leur infrastructure réseau</li>
+                <li>leur langue maternelle, leur culture</li>
+                <li>leur localisation géographique</li>
+                <li>ou leurs aptitudes physiques ou mentales</li>
+            </ul>
+        </blockquote>
+        <figcaption>
+            Sir Timothy John Berners-Lee, Directeur du <abbr lang="en" title="World Wide Web Consortium">W3C</abbr>,
+            inventeur du <abbr lang="en" title="World Wide Web">WWW</abbr>
+        </figcaption>
+    </figure>
+
     <h2>Situation de handicap numérique</h2>
 
     <h3>Design inclusif</h3>
@@ -55,43 +105,5 @@ <h2>Comment vérifier ?</h2>
             </a>
         </p>
     </footer>
-
-    <!--    <h2>Multiples contextes d'usage !</h2>-->
-
-<!--    <h3>Savez-vous vraiment comment vos utilisateurs·rices visitent votre interface ?</h3>-->
-
-<!--    <h4>Croyance</h4>-->
-<!--    &lt;!&ndash; figcaption? pour faire le lien entre schema utilisateur-interface et diversité associé &ndash;&gt;-->
-<!--    <p id="diversite-users">Diversité des utilisateurs & utilisatrices</p>-->
-<!--    <ul aria-labelledby="diversite-users">-->
-<!--        <li>Limitations visuelles, auditives, motrices...</li>-->
-<!--        <li>Limitations permanentes, temporaires, situationnelles...</li>-->
-<!--        <li>Plurihandicap</li>-->
-<!--        <li>Seniors, débutants, illettrés...</li>-->
-<!--        <li>etc.</li>-->
-<!--    </ul>-->
-<!--    <p id="diversite-interface">Diversité des interfaces</p>-->
-<!--    <ul aria-labelledby="diversite-interface">-->
-<!--        <li> Terminaux : ordi de bureau, tablette tactile, smartphone, etc. </li>-->
-<!--        <li>Différents navigateurs : graphiques, textuels...</li>-->
-<!--        <li>etc.</li>-->
-<!--    </ul>-->
-
-<!--    <h4>Réalité</h4>-->
-<!--    &lt;!&ndash; figcaption? pour faire le lien entre schema utilisateur-interface et diversité associé &ndash;&gt;-->
-<!--    <p id="diversite-technique">Diversité des aides techniques</p>-->
-<!--    <ul aria-labelledby="diversite-technique">-->
-<!--        <li>Soft : zoom, contrastes, mode lecture, synthèse vocale, etc.</li>-->
-<!--        <li>Hard : afficheur braille, trackball, etc.</li>-->
-<!--    </ul>-->
-<!--    &lt;!&ndash;    prend-on le = ? &ndash;&gt;-->
-<!--    <p>Multiples contextes d’usage!</p>-->
-<!--    <p>Un site/app est accessible s'il est compatible avec ces multiples contextes d'usage</p>-->
-
-<!--    <h3>Definition de l'a11y web</h3>-->
-<!--    <blockquote>Mettre le web et ses services à la dispostion de tous les individus, quels que soient leur matériel ou logiciel, leur-->
-<!--    infrastructure réseau, leur langue maternelle, leur culture, leur localisaiton géographique, ou leurs aptitudes physiques ou mentales.</blockquote>-->
-<!--    <figcaption>Sir timothy John Berners-Lee, Directeur du <abbr lang="en" title="World Wide Web Consortium">W3C</abbr>, inventeur du <abbr lang="en" title="World Wide Web">WWW</abbr></figcaption>-->
-<!--    <h3>-->
 </body>
 </html>