From 742f132eff5b8415544130de9c036071d2073751 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?St=C3=A9phan=20Peccini?= <stephan-pro@peccini.fr>
Date: Wed, 25 Jun 2025 13:20:25 +0200
Subject: [PATCH] =?UTF-8?q?fix(accessibilit=C3=A9)=20:=20correction=20des?=
 =?UTF-8?q?=20=C3=A9carts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/posts/premier_cas_d_usage.md          |  2 +-
 static/css/custom.css                         |  5 ++++
 .../binario/layouts/partials/authorbox.html   |  6 +++-
 .../binario/layouts/partials/header_menu.html |  2 +-
 themes/binario/layouts/partials/related.html  | 29 ++++++++++---------
 5 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/content/posts/premier_cas_d_usage.md b/content/posts/premier_cas_d_usage.md
index 8950d6b..92800b9 100644
--- a/content/posts/premier_cas_d_usage.md
+++ b/content/posts/premier_cas_d_usage.md
@@ -5,7 +5,7 @@ title = 'Minerais critiques en rupture'
 summary = 'Pékin décide de restreindre les exportations de certains minerais critiques. Quelles sont les conséquences ?'
 description = 'Pékin décide de restreindre les exportations de certains minerais critiques. Quelles sont les conséquences ?'
 tags = ['fabnum','dysprosium','terbium','samarium','scandium','gadolinium','yttrium']
-categories = ['posts','minerais critiques']
+categories = ['articles','minerais critiques']
 +++
 
 ## Partons d'un cas réel
diff --git a/static/css/custom.css b/static/css/custom.css
index 0f49314..5ce263c 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -17,6 +17,7 @@ article img {
   font-size: 1.4rem;
   border-bottom: 1px solid #ddd;
   padding-bottom: 0.5rem;
+  color: #333;
 }
 
 .isso-text > p {
@@ -26,3 +27,7 @@ article img {
 .isso-auth-section label {
   color: #333 !important;
 }
+
+a {
+  text-decoration: underline;
+}
diff --git a/themes/binario/layouts/partials/authorbox.html b/themes/binario/layouts/partials/authorbox.html
index 3193c22..8687c52 100644
--- a/themes/binario/layouts/partials/authorbox.html
+++ b/themes/binario/layouts/partials/authorbox.html
@@ -1,5 +1,9 @@
 {{- if .Param "authorbox" }}
-<div class="authorbox block">
+<div
+  class="authorbox block"
+  aria-label="Author Information"
+  role="complementary"
+>
   <div class="author">
     {{- with .Site.Params.Author.avatar }}
     <figure class="author__avatar">
diff --git a/themes/binario/layouts/partials/header_menu.html b/themes/binario/layouts/partials/header_menu.html
index 6ea9951..99a324a 100644
--- a/themes/binario/layouts/partials/header_menu.html
+++ b/themes/binario/layouts/partials/header_menu.html
@@ -1,5 +1,5 @@
 {{- if .Site.Menus.main }}
-<nav class="main-nav{{ if eq .Site.Params.mainMenuAlignment "right" }} main-nav--right{{ end }}" role="navigation">
+<nav id="mainMenu" aria-label="mainMenu" class="main-nav{{ if eq .Site.Params.mainMenuAlignment "right" }} main-nav--right{{ end }}" role="navigation">
 	<button id="toggle" class="main-nav__btn" aria-label="Menu toggle" aria-expanded="false" tabindex="0">
 		<div class="main-nav__btn-box" tabindex="-1">
 			<svg class="main-nav__icon icon-menu" width="18" height="18" viewBox="0 0 18 18">
diff --git a/themes/binario/layouts/partials/related.html b/themes/binario/layouts/partials/related.html
index 7d7403a..dfb3dcc 100644
--- a/themes/binario/layouts/partials/related.html
+++ b/themes/binario/layouts/partials/related.html
@@ -1,13 +1,16 @@
-{{ $relatedMax := .Site.Params.relatedMax | default 5 }}
-{{ $related := .Site.RegularPages.Related . | first $relatedMax }}
-
-{{ if and ($related) (.Param "related") }}
-<div class="related block">
-	<h3 class="related__title">{{ T "related_title" }}</h3>
-	<ul class="related__list">
-		{{ range $related }}
-		<li class="related__item"><a class="related__link" href="{{ .RelPermalink }}">{{ .Title }}</a></li>
-		{{ end }}
-	</ul>
-</div>
-{{ end }}
\ No newline at end of file
+{{ $relatedMax := .Site.Params.relatedMax | default 5 }} {{ $related :=
+.Site.RegularPages.Related . | first $relatedMax }} {{ if and ($related) (.Param
+"related") }}
+<section aria-label="Related posts">
+  <div class="related block">
+    <h3 class="related__title">{{ T "related_title" }}</h3>
+    <ul class="related__list">
+      {{ range $related }}
+      <li class="related__item">
+        <a class="related__link" href="{{ .RelPermalink }}">{{ .Title }}</a>
+      </li>
+      {{ end }}
+    </ul>
+  </div>
+</section>
+{{ end }}