From 4340882eb4e9d3746c16f18c53fe7e30ec2823a3 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Wed, 17 Mar 2021 23:10:15 +0100
Subject: Add alt text for concerts

---
 concerts.html            | 4 ++--
 en/concerts.html         | 4 ++--
 stylesheets/concerts.css | 3 +++
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/concerts.html b/concerts.html
index 23cc697..ada8d89 100644
--- a/concerts.html
+++ b/concerts.html
@@ -4,7 +4,7 @@
     <div class="events">
       <div class="event canceled">
         <a class="thumbnail" href="#concert-2021-04-03">
-          <img src="images/concerts/dinard.jpg">
+          <img src="images/concerts/dinard.jpg" alt="Illustration : Dinard vu du ciel">
           <p class="summary">
             <span class="canceled">ANNULÉ</span>
             Dinard<br>3 avril 2021
@@ -18,7 +18,7 @@
       </div>
       <div class="event">
         <a class="thumbnail" href="#concert-2021-06-21">
-          <img src="images/concerts/pantin.jpg">
+          <img src="images/concerts/pantin.jpg" alt="Illustration : Place de la Fontaine aux Lions à La Villette">
           <p class="summary">Paris<br>13 juin 2021</p>
         </a>
         <div class="credits">
diff --git a/en/concerts.html b/en/concerts.html
index bff222b..fc6eecb 100644
--- a/en/concerts.html
+++ b/en/concerts.html
@@ -4,7 +4,7 @@
     <div class="events">
       <div class="event canceled">
         <a class="thumbnail" href="#concert-2021-04-03">
-          <img src="../images/concerts/dinard.jpg">
+          <img src="../images/concerts/dinard.jpg" alt="Illustration: Dinard, seen from the sky">
           <p class="summary">
             <span class="canceled">CANCELED</span>
             Dinard<br>3 April 2021
@@ -18,7 +18,7 @@
       </div>
       <div class="event">
         <a class="thumbnail" href="#concert-2021-06-21">
-          <img src="../images/concerts/pantin.jpg">
+          <img src="../images/concerts/pantin.jpg" alt="Illustration: Place de la Fontaine aux Lions at La Villette">
           <p class="summary">Paris<br>13 June 2021</p>
         </a>
         <div class="credits">
diff --git a/stylesheets/concerts.css b/stylesheets/concerts.css
index 172a52f..ce51401 100644
--- a/stylesheets/concerts.css
+++ b/stylesheets/concerts.css
@@ -46,6 +46,9 @@ a.thumbnail {
     object-fit: cover;
     height: 100%;
     width: 100%;
+    /* Make sure summary is visible when photo is not available. */
+    background: black;
+    color: white;
 }
 
 .thumbnail .summary {
-- 
cgit v1.2.3