summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--concerts.html4
-rw-r--r--en/concerts.html4
-rw-r--r--stylesheets/concerts.css3
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 {