fix(accessibilité) : correction des écarts

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

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;
+}

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">

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">

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 }}
+{{ $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 }}