commit a0745c902cc5bfdb6d3497219519a49fb2285d0f
parent 4340882eb4e9d3746c16f18c53fe7e30ec2823a3
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Wed, 17 Mar 2021 23:18:20 +0100
Add alt text for common images
Diffstat:
2 files changed, 20 insertions(+), 24 deletions(-)
diff --git a/en/template.html b/en/template.html
@@ -25,13 +25,12 @@
<body>
<header class="slidingmenu">
<input type="checkbox">
- <img class="button open" src="../images/menu{ICONCOLOR}.svg">
+ <img class="button open" src="../images/menu{ICONCOLOR}.svg" alt="Open menu">
<div class="content">
- <img class="button close" src="../images/close.svg">
+ <img class="button close" src="../images/close.svg" alt="Close menu">
<header class="banner">
<a href="index.html">
- <img src="../images/logo.svg"
- alt="logo">
+ <img src="../images/logo.svg" alt="Quartet logo">
<h1>Bellefeuille Quartet</h1>
</a>
</header>
@@ -59,19 +58,19 @@
<li>
<a href="https://www.facebook.com/quatuorbellefeuille/"
target="_blank" rel="noreferrer noopener">
- <img src="../images/social/facebook.svg">
+ <img src="../images/social/facebook.svg" alt="Visit our Facebook page">
</a>
</li>
<li>
<a href="https://www.instagram.com/quatuor.bellefeuille/"
target="_blank" rel="noreferrer noopener">
- <img src="../images/social/instagram.svg">
+ <img src="../images/social/instagram.svg" alt="Visit our Instagram gallery">
</a>
</li>
<li>
<a href="https://www.youtube.com/playlist?list=PLtRSY8N4Fwcmh7e5lVPzQIqTukRRwHfts"
target="_blank" rel="noreferrer noopener">
- <img src="../images/social/youtube.svg">
+ <img src="../images/social/youtube.svg" alt="Visit our YouTube playlist">
</a>
</li>
</ul>
@@ -81,8 +80,7 @@
<header class="banner">
<a href="index.html">
- <img src="../images/logo{ICONCOLOR}.svg"
- alt="logo">
+ <img src="../images/logo{ICONCOLOR}.svg" alt="Quartet logo">
<h1>Bellefeuille Quartet</h1>
</a>
</header>
@@ -113,15 +111,15 @@
</a>
<a href="https://www.facebook.com/quatuorbellefeuille/"
target="_blank" rel="noreferrer noopener">
- <img src="../images/social/facebook{ICONCOLOR}.svg">
+ <img src="../images/social/facebook{ICONCOLOR}.svg" alt="Visit our Facebook page">
</a>
<a href="https://www.instagram.com/quatuor.bellefeuille/"
target="_blank" rel="noreferrer noopener">
- <img src="../images/social/instagram{ICONCOLOR}.svg">
+ <img src="../images/social/instagram{ICONCOLOR}.svg" alt="Visit our Instagram gallery">
</a>
<a href="https://www.youtube.com/playlist?list=PLtRSY8N4Fwcmh7e5lVPzQIqTukRRwHfts"
target="_blank" rel="noreferrer noopener">
- <img src="../images/social/youtube{ICONCOLOR}.svg">
+ <img src="../images/social/youtube{ICONCOLOR}.svg" alt="Visit our YouTube playlist">
</a>
<a class="contact" href="contact.html">
Contact
diff --git a/template.html b/template.html
@@ -25,13 +25,12 @@
<body>
<header class="slidingmenu">
<input type="checkbox">
- <img class="button open" src="images/menu{ICONCOLOR}.svg">
+ <img class="button open" src="images/menu{ICONCOLOR}.svg" alt="Ouvrir le menu">
<div class="content">
- <img class="button close" src="images/close.svg">
+ <img class="button close" src="images/close.svg" alt="Fermer le menu">
<header class="banner">
<a href="index.html">
- <img src="images/logo.svg"
- alt="logo">
+ <img src="images/logo.svg" alt="Logo du quatuor">
<h1>Quatuor Bellefeuille</h1>
</a>
</header>
@@ -59,19 +58,19 @@
<li>
<a href="https://www.facebook.com/quatuorbellefeuille/"
target="_blank" rel="noreferrer noopener">
- <img src="images/social/facebook.svg">
+ <img src="images/social/facebook.svg" alt="Visiter notre page Facebook">
</a>
</li>
<li>
<a href="https://www.instagram.com/quatuor.bellefeuille/"
target="_blank" rel="noreferrer noopener">
- <img src="images/social/instagram.svg">
+ <img src="images/social/instagram.svg" alt="Visiter notre galerie Instagram">
</a>
</li>
<li>
<a href="https://www.youtube.com/playlist?list=PLtRSY8N4Fwcmh7e5lVPzQIqTukRRwHfts"
target="_blank" rel="noreferrer noopener">
- <img src="images/social/youtube.svg">
+ <img src="images/social/youtube.svg" alt="Visiter notre playlist YouTube">
</a>
</li>
</ul>
@@ -81,8 +80,7 @@
<header class="banner">
<a href="index.html">
- <img src="images/logo{ICONCOLOR}.svg"
- alt="logo">
+ <img src="images/logo{ICONCOLOR}.svg" alt="Logo du quatuor">
<h1>Quatuor Bellefeuille</h1>
</a>
</header>
@@ -113,15 +111,15 @@
</a>
<a href="https://www.facebook.com/quatuorbellefeuille/"
target="_blank" rel="noreferrer noopener">
- <img src="images/social/facebook{ICONCOLOR}.svg">
+ <img src="images/social/facebook{ICONCOLOR}.svg" alt="Visiter notre page Facebook">
</a>
<a href="https://www.instagram.com/quatuor.bellefeuille/"
target="_blank" rel="noreferrer noopener">
- <img src="images/social/instagram{ICONCOLOR}.svg">
+ <img src="images/social/instagram{ICONCOLOR}.svg" alt="Visiter notre galerie Instagram">
</a>
<a href="https://www.youtube.com/playlist?list=PLtRSY8N4Fwcmh7e5lVPzQIqTukRRwHfts"
target="_blank" rel="noreferrer noopener">
- <img src="images/social/youtube{ICONCOLOR}.svg">
+ <img src="images/social/youtube{ICONCOLOR}.svg" alt="Visiter notre playlist YouTube">
</a>
<a class="contact" href="contact.html">
Contact
