Merge pull request 'Accessibilité web: Améliorations sémantique' (#42) from preprod to main

author: Tixie <contact@tixie.name> 2024-06-09 17:47:31 +0200
committer: Tixie <contact@tixie.name> 2024-06-09 17:48:12 +0200
commit: fd276e5dc27f02fe7cba53f3cb931f8a540c881c (patch)
tree: 27c2549b5205b2de2f81f5a6c6bc601cd9a06e34 /static
parent: c5dd5467a4aa74217bb4dea7762ec27cee31e69a (diff)
parent: 3a404c162c50ad42173f663c360a4011efac6d59 (diff)
download: site-fd276e5dc27f02fe7cba53f3cb931f8a540c881c.tar.gz
site-fd276e5dc27f02fe7cba53f3cb931f8a540c881c.zip
3 files changed, 32 insertions, 32 deletions
diff --git a/static/css/home.css b/static/css/home.css
index ceb0685..14c753a 100644
--- a/static/css/home.css
+++ b/static/css/home.css
@@ -31,6 +31,7 @@ div#jardin p {
 h2#infras {
   background-color: var(--infras);
   grid-area: title-start 1 / col-sep 1 / title-end 1 / col-sep 12;
+  padding-bottom: 10px; /* Ajoutez de l'espace en dessous du texte */
 }
 
 div#rennes {
diff --git a/static/css/layout.css b/static/css/layout.css
index 0bb2ab3..c83bef1 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -32,6 +32,11 @@
 }
 
 /* PAR DEFAUT */
+
+h1 > .decoration:last-of-type:before, h2 > .decoration:last-of-type:before{
+	content: '\A____________________________________\A""""""""""""""""""""""""""""""""""""';
+}
+
 html, body, main {
   margin: 0;
   padding: 0;
@@ -64,10 +69,6 @@ nav ul {
   margin: 0px;
 }
 
-h1:after, h2:after {
-  content: '\A___________________________________\A"""""""""""""""""""""""""""""""""""';
-}
-
 h2, h1 {
   font-size: 1rem;
   font-weight: normal;
@@ -221,17 +222,17 @@ pre.center > a {
     --small_margin: 5px;
   }
 
-  h1:before, h1:after {
+  h1 > .decoration:last-of-type:before {
     content: "";
   }
 
-  h2:before {
-    content: '______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""\A* ';
-  }
+	h2 > .decoration:first-of-type:before{
+		content: '______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""\A* ';
+	}
 
-  h2:after {
-    content: ' *\A______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""';
-  }
+  h2 > .decoration:last-of-type:before{
+		content: ' *\A______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""';
+	}
 
   h2, h1 {
     font-size: 1rem;
diff --git a/static/index.html b/static/index.html
index 5b5f7a3..0ff0752 100644
--- a/static/index.html
+++ b/static/index.html
@@ -46,8 +46,8 @@
 <body>
 
   <nav role="navigation" aria-label="menu d'accès" id="menu">
-    <ul aria-label="menu principal" role="menubar" aria-orientation="vertical">
-      <li role="none">
+    <ul aria-label="menu principal" role="menubar">
+      <li>
         <a href="https://guichet.deuxfleurs.fr/" role="menuitem" aria-label="compte" class="icone">
           <pre aria-hidden="true">
   (COMPTE)
@@ -63,7 +63,7 @@
   ||_||__|  </pre>
         </a>
       </li>
-      <li role="none">
+      <li>
         <a href="https://guide.deuxfleurs.fr/" role="menuitem" aria-label="wiki" class="icone">
           <pre aria-hidden="true">
   ((((((()
@@ -79,7 +79,7 @@
   |______|  </pre>
         </a>
       </li>
-      <li role="none">
+      <li>
         <a href="https://plume.deuxfleurs.fr/" role="menuitem" aria-label="blog" class="icone">
           <pre aria-hidden="true">
    |¨¨¨¨|
@@ -489,7 +489,7 @@
         </div>
         <p>Fabriquons un internet convivial ⤵</p>
       </div>
-      <h2 id="infras">Avec nos propres infrastructures</h2>
+      <h2 id="infras"><span class="decoration" aria-hidden="true"></span>Avec nos propres infrastructures<span class="decoration" aria-hidden="true"></span></h2>
       <div id="rennes" role="img" aria-label="illustration de trois serveurs informatiques rangés dans la bibliothèque d'un salon">
       <!--diode qui clignote ?-->
         <pre class="center">/¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨\
@@ -721,8 +721,8 @@
 \___________`_______________________________________________________`___________/</pre>
       </div>
       <p id="txt_infras" lang="fr">Nous fournissons des services numériques garantis "sans datacenter". À la place, nous utilisons moins d'une dizaine de vieux ordinateurs reconditionnés à nos domiciles qui peuvent fournir des services numériques à plusieurs dizaines de milliers de personnes. Actuellement ces ordinateurs sont situés à Orsay, Lille et Bruxelles. Nous avons également des machines à Suresnes pour les sauvegardes. <a href="https://guide.deuxfleurs.fr/infrastructures/">En savoir plus</a>. <br><br>Cette infrastructure atypique nous mène à développer de nouveaux logiciels libres. Si vous êtes dans la technique, vous pourriez être intéressé·e par <a href="https://garagehq.deuxfleurs.fr/">Garage</a>, <a href="https://bottin.eu">Bottin</a>, <a href="https://git.deuxfleurs.fr/lx/tricot">Tricot</a>, <a href="https://git.deuxfleurs.fr/Deuxfleurs/diplonat">Diplonat</a> et nos <a href="https://git.deuxfleurs.fr/Deuxfleurs">autres projets</a>.</p>
-      <h2 id="outils">Avec nos services sobres</h2>
-      <div id="ordinateur">
+      <h2 id="outils"><span class="decoration" aria-hidden="true"></span>Avec nos services sobres<span class="decoration" aria-hidden="true"></span></h2>
+      <div id="ordinateur" role="img" aria-label="image d'un ordinateur portable et deux fleurs à côté">
         <pre class="center" aria-hidden="true">
 
 
@@ -847,7 +847,7 @@
         <p>Envie de faire entendre votre voix sur Internet ? Nous mettons à disposition plusieurs outils de publication sur le web allant de la plateforme de blog partagée à la publication de sites web en autonomie.</p>
         <p>Prenez contact avec nous, nous vous aiderons à identifier les outils dont vous avez besoin et nous vous accompagnerons dans votre transition. ⤵</p>
       </div>
-      <h2 id="valeurs">Avec des valeurs fortes</h2>
+      <h2 id="valeurs"><span class="decoration" aria-hidden="true"></span>Avec des valeurs fortes<span class="decoration" aria-hidden="true"></span></h2>
       <div id="ronce">
         <img loading="lazy" src="./ronce.webp" alt="Deux personnages qui regardent et s'avancent vers une maison cabane perchée dans un arbre, illustrant notre envie d'un internet plus éthique.">
       </div>
@@ -858,22 +858,22 @@
         <p id="liberte">La liberté <span class="description">- eg. permettre à toutes et tous de s'exprimer, respecter la vie privée</span></p>
         <p id="suivre"><a href="https://plume.deuxfleurs.fr/timeline/1">Suivez notre actualité, réflexions et analyses sur notre blog Plume</a></p>
       </section>
-      <h2 id="connaissance">Faisons connaissance</h2>
+      <h2 id="connaissance"><span class="decoration" aria-hidden="true"></span>Faisons connaissance<span class="decoration" aria-hidden="true"></span></h2>
       <div id="txt_connaissance">
 	      <p lang="fr">L'accès à nos services est à prix libre. Nous estimons leur coût à 15€/an/compte pour leur maintien en fonctionnement et recommandons le double pour permettre à l'association de se développer. Il est conditionné par les ressources disponibles, à la fois matérielles et humaines.</p>
 	      <p lang="fr">Pour accéder à nos services ou simplement discuter avec nous, écrivez à <span class="underline">coucou[@]deuxfleurs.fr</span>, rejoignez-nous sur le salon Matrix <span class="underline">#deuxfleurs:deuxfleurs.fr</span> ou rencontrez-nous à : </p>
         <ul>
         <!-- L'historique des événements passés est sur evenements_passes.html -->
         <!-- Mai 2024 -->
-        <li role="none"><a href="https://jitsi.deuxfleurs.fr/r%C3%A9union_mensuelle_deuxfleurs">Réunion mensuelle «au coin du feu»</a> en ligne, <span class="highlight">le 7 mai 2024 à 19h00</span>.<br>Une fois par mois nous organisons une réunion en ligne informelle. C'est le bon moment pour venir faire un coucou si vous voulez parler à des gens de vive voix numérique.</li>
-        <li role="none"><a href="https://jitsi.deuxfleurs.fr/infra">Réunion mensuelle d'infrastructure</a> en ligne, <span class="highlight">le 22 mai 2024 à 20h00</span>.<br>Point mensuel en visioconférence où l'on aborde toutes les questions techniques qui méritent notre attention, concernant notre infrastructure ou nos services.</li>
-	<li role="none"><a href="https://cis.cnrs.fr/netgouv24/">#NetGouv24</a> à Paris, <span class="highlight">le 29 mai 2024</span>.<br>Première conférence annuelle du groupe de travail Gouvernance et Régulation d'Internet. L'ensemble de la communauté scientifique intéressée par ces sujets s'y retrouvera pour une journée de présentations et de discussion.</li>
-	<li role="none"><a href="https://passageenseine.fr/">Pas Sage en Seine</a> à Choisy-le-Roi, <span class="highlight">le 31 mai, 1 et 2 juin</span>.<br>Festival annuel gratuit dédié au logiciel libre. De nombreuses présentations sur des sujets techniques ou non y sont faites.</li>
+        <li><a href="https://jitsi.deuxfleurs.fr/r%C3%A9union_mensuelle_deuxfleurs">Réunion mensuelle «au coin du feu»</a> en ligne, <span class="highlight">le 7 mai 2024 à 19h00</span>.<br>Une fois par mois nous organisons une réunion en ligne informelle. C'est le bon moment pour venir faire un coucou si vous voulez parler à des gens de vive voix numérique.</li>
+        <li><a href="https://jitsi.deuxfleurs.fr/infra">Réunion mensuelle d'infrastructure</a> en ligne, <span class="highlight">le 22 mai 2024 à 20h00</span>.<br>Point mensuel en visioconférence où l'on aborde toutes les questions techniques qui méritent notre attention, concernant notre infrastructure ou nos services.</li>
+	      <li><a href="https://cis.cnrs.fr/netgouv24/">#NetGouv24</a> à Paris, <span class="highlight">le 29 mai 2024</span>.<br>Première conférence annuelle du groupe de travail Gouvernance et Régulation d'Internet. L'ensemble de la communauté scientifique intéressée par ces sujets s'y retrouvera pour une journée de présentations et de discussion.</li>
+        <li><a href="https://passageenseine.fr/">Pas Sage en Seine</a> à Choisy-le-Roi, <span class="highlight">le 31 mai, 1 et 2 juin</span>.<br>Festival annuel gratuit dédié au logiciel libre. De nombreuses présentations sur des sujets techniques ou non y sont faites.</li>
         <!-- Juin 2024 -->
-        <li role="none"><a href="https://jitsi.deuxfleurs.fr/r%C3%A9union_mensuelle_deuxfleurs">Réunion mensuelle «au coin du feu»</a> en ligne, <span class="highlight">le 4 juin 2024 à 19h00</span>.<br>Une fois par mois nous organisons une réunion en ligne informelle. C'est le bon moment pour venir faire un coucou si vous voulez parler à des gens de vive voix numérique.</li>
-        <li role="none"><a href="https://jitsi.deuxfleurs.fr/infra">Réunion d'infrastructure</a> en ligne, <span class="highlight">le 5 juin 2024 à 19h15</span>.<br>Point en visioconférence sur les nouveaux sites géographiques à mettre en place pour pouvoir mieux résister aux pannes.</li>
-        <li role="none"><a href="https://jitsi.deuxfleurs.fr/infra">Réunion mensuelle d'infrastructure</a> en ligne, <span class="highlight">le 19 juin 2024 à 20h00</span>.<br>Point mensuel en visioconférence où l'on aborde toutes les questions techniques qui méritent notre attention, concernant notre infrastructure ou nos services.</li>
-        <li role="none"><em>Barcamp Interne</em> en Auvergne, <span class="highlight">les 21, 22 et 23 juin</span>.<br> Les membres de Deuxfleurs prennent le temps de se retrouver et de discuter de l'association.</li>
+        <li><a href="https://jitsi.deuxfleurs.fr/r%C3%A9union_mensuelle_deuxfleurs">Réunion mensuelle «au coin du feu»</a> en ligne, <span class="highlight">le 4 juin 2024 à 19h00</span>.<br>Une fois par mois nous organisons une réunion en ligne informelle. C'est le bon moment pour venir faire un coucou si vous voulez parler à des gens de vive voix numérique.</li>
+        <li><a href="https://jitsi.deuxfleurs.fr/infra">Réunion d'infrastructure</a> en ligne, <span class="highlight">le 5 juin 2024 à 19h15</span>.<br>Point en visioconférence sur les nouveaux sites géographiques à mettre en place pour pouvoir mieux résister aux pannes.</li>
+        <li><a href="https://jitsi.deuxfleurs.fr/infra">Réunion mensuelle d'infrastructure</a> en ligne, <span class="highlight">le 19 juin 2024 à 20h00</span>.<br>Point mensuel en visioconférence où l'on aborde toutes les questions techniques qui méritent notre attention, concernant notre infrastructure ou nos services.</li>
+        <li><em>Barcamp Interne</em> en Auvergne, <span class="highlight">les 21, 22 et 23 juin</span>.<br> Les membres de Deuxfleurs prennent le temps de se retrouver et de discuter de l'association.</li>
         </ul>
       </div>
       <div id="calendrier">
@@ -914,9 +914,7 @@
 | | 24 | 25 | 26 | 27 | 28 | 29 | 30 | |
 |  ———— ———— ———— ———— ———— ———— ————  |
 |______________________________________|</pre>
-	</div>
-
-
+	      </div>
       </div>
     </main>
     <footer class="noscroll" aria-label="pied de page et liens vers CGU, mentions, sources et risques">
@@ -1391,7 +1389,7 @@ _ `  ^ ¨  ·  _ -  "             ` *     -     ; - _
                                                                                                                                                                  </pre>
       </div>
       <div id="liens">
-        <a href="https://guide.deuxfleurs.fr/vie_associative/cgu/">CGU</a><span role="separator"> · </span><a href="https://guide.deuxfleurs.fr/vie_associative/gestion-des-risques/">Gestion des risques</a><span role="separator"> · </span><a href="https://guide.deuxfleurs.fr/vie_associative/mentions-legales">Mentions légales</a><span role="separator"> · </span><a href="https://guide.deuxfleurs.fr/operations/sources">Sources</a>
+        <a href="https://guide.deuxfleurs.fr/vie_associative/cgu/">CGU</a><span role="separator"> · </span><a href="https://guide.deuxfleurs.fr/vie_associative/gestion-des-risques/">Gestion des risques</a><span role="separator"> · </span><a href="https://guide.deuxfleurs.fr/vie_associative/mentions-legales">Mentions légales</a><span role="separator"> · </span><a href="https://guide.deuxfleurs.fr/operations/sources">Sources</a><span role="separator"> · </span><a href="https://guide.deuxfleurs.fr/vie_associative/nous-rejoindre/">Nous rejoindre</a>
       </div>
     </footer>
   </div>
author	Tixie <contact@tixie.name>	2024-06-09 17:47:31 +0200
committer	Tixie <contact@tixie.name>	2024-06-09 17:48:12 +0200
commit	fd276e5dc27f02fe7cba53f3cb931f8a540c881c (patch)
tree	27c2549b5205b2de2f81f5a6c6bc601cd9a06e34 /static
parent	c5dd5467a4aa74217bb4dea7762ec27cee31e69a (diff)
parent	3a404c162c50ad42173f663c360a4011efac6d59 (diff)
download	site-fd276e5dc27f02fe7cba53f3cb931f8a540c881c.tar.gz site-fd276e5dc27f02fe7cba53f3cb931f8a540c881c.zip