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