quatuorbellefeuille.com

commit 4340882eb4e9d3746c16f18c53fe7e30ec2823a3
parent 01e40e9dbcc201d353cd6127530be4c4dbfe4e87
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Wed, 17 Mar 2021 23:10:15 +0100

Add alt text for concerts

Diffstat:
M
concerts.html
 | 
4
++--
M
en/concerts.html
 | 
4
++--
M
stylesheets/concerts.css
 | 
3
+++

3 files changed, 7 insertions(+), 4 deletions(-)
diff --git 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
@@ -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
@@ -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 {