From e448473d38be5ea7be37eb3962d8a1a2bb76d3e0 Mon Sep 17 00:00:00 2001
From: Bastien Dumont <bdumont@grandlyon.com>
Date: Wed, 22 Mar 2023 15:25:15 +0100
Subject: [PATCH] fix: accessibility
---
assets/illu-landing.svg | 3 ++-
index.css | 3 +++
index.css.map | 2 +-
index.html | 29 ++++++++++++++++-------------
index.scss | 3 +++
5 files changed, 25 insertions(+), 15 deletions(-)
diff --git a/assets/illu-landing.svg b/assets/illu-landing.svg
index a819372..3cbe6f3 100644
--- a/assets/illu-landing.svg
+++ b/assets/illu-landing.svg
@@ -27,7 +27,8 @@
animation-name: balance;
animation-duration: 4s;
animation-timing-function: ease-in-out;
- animation-iteration-count: infinite;
+ /* limit animation to 5s max for accessibility */
+ animation-iteration-count: 1;
}
#z1,
diff --git a/index.css b/index.css
index 5b907ec..fbc6354 100644
--- a/index.css
+++ b/index.css
@@ -725,6 +725,9 @@ footer .info {
}
footer .info a {
text-decoration: none;
+ display: flex;
+ align-items: center;
+ gap: 0.25rem;
}
@media (max-width: 1200px) {
footer {
diff --git a/index.css.map b/index.css.map
index e70bc5c..5391dc3 100644
--- a/index.css.map
+++ b/index.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_globals.scss","_variables.scss","index.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAKF;AAAA;EAEE;EACA,YChBM;;;AD6DR;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,OC7EM;ED8EN;EACA;;;AAEF;EACE;EACA;EACA,OCpFM;EDqFN;EACA;;;AAEF;EACE;EACA,OC1FM;ED2FN;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA,OC5GM;;;AD+GR;EACE,OClHO;;;ADqHT;EACE;AAAA;IAEE;;;AErHJ;EACE,ODEU;;;ACAZ;EACE;;;AAEF;EACE,ODLW;;;ACQb;EFSE;EEPA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;;AFHA;EEVF;IFWI;;;AEGF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;IACE;;EAEF;IACE;;;;AAKN;EACE;;AACA;EAFF;IAGI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARF;IASI;IACA;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EFnEJ;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEiDI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFxEJ;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;AEyDE;EAhBF;IAiBI;;;AAEF;EACE;;AAKJ;EADF;IAEI;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;;AAKN;EACE,YD7IS;EC8IT;EACA;;AACA;EAJF;IAKI;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAVF;IAWI;;EACA;IACE;IACA;;EAEF;IACE;;;AAIJ;EACE,ODrKC;ECsKD;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAIN;EACE;;AAEF;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEE;EADF;IAEI;;;;AAMR;EACE;EAMA;EACA;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBD9PU;EC+PV;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;AAGJ;EACE,ODvRI;ECwRJ;EACA;EACA;;AACA;EACE;;AAGJ;EACE,ODhSI;;ACkSN;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA;IACA;;;AAEF;EACE;;;AAIN;EACE,YDjUS;ECkUT;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AACA;EAFF;IAGI;;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;EACA;IACE;IACA;IACA;;EACA;IAEE;IACA;IACA;IACA;IACA,YDxWD;ICyWC;IACA;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;IACA;;EAEF;IACE;;;AAIF;EAEE;;AACA;EAHF;IAII;;;AAIF;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AAGA;EADF;IAEI;;;AAEF;EACE,ODlZG;;ACsZL;EACE,OD7YG;;ACiZL;EADF;IAEI;;;AAEF;EACE,ODhaI;;ACqaZ;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;;;AAEF;EACE;EACA;;;AAKN;EACE,kBDvbM;ECwbN;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EARF;IASI;IACA;;;AAEF;EACE;EACA;EACA;;AAIJ;EACE;;AACA;EAFF;IAGI;IACA;;;AAIF;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AAGJ;EF9cA;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE4bE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFndF;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;;AEucJ;EACE;EACA,YDlgBS;ECmgBT;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA,YDxgBQ;ECygBR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE,kBDziBM;EC0iBN;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEF;EACE,OD9jBK;EC+jBL;;AAEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAIJ;EAtCF;IAuCI;IACA;;EAEA;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;;;AAMJ;AAAA;AAAA;EAGE,OD3mBK;EC4mBL;;AAGF;EACE;EACA;;AACA;AAAA;EAEE","file":"index.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["_globals.scss","_variables.scss","index.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAKF;AAAA;EAEE;EACA,YChBM;;;AD6DR;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,OC7EM;ED8EN;EACA;;;AAEF;EACE;EACA;EACA,OCpFM;EDqFN;EACA;;;AAEF;EACE;EACA,OC1FM;ED2FN;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA,OC5GM;;;AD+GR;EACE,OClHO;;;ADqHT;EACE;AAAA;IAEE;;;AErHJ;EACE,ODEU;;;ACAZ;EACE;;;AAEF;EACE,ODLW;;;ACQb;EFSE;EEPA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;;AFHA;EEVF;IFWI;;;AEGF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;IACE;;EAEF;IACE;;;;AAKN;EACE;;AACA;EAFF;IAGI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARF;IASI;IACA;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EFnEJ;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEiDI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFxEJ;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;AEyDE;EAhBF;IAiBI;;;AAEF;EACE;;AAKJ;EADF;IAEI;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;;AAKN;EACE,YD7IS;EC8IT;EACA;;AACA;EAJF;IAKI;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAVF;IAWI;;EACA;IACE;IACA;;EAEF;IACE;;;AAIJ;EACE,ODrKC;ECsKD;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAIN;EACE;;AAEF;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEE;EADF;IAEI;;;;AAMR;EACE;EAMA;EACA;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBD9PU;EC+PV;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;AAGJ;EACE,ODvRI;ECwRJ;EACA;EACA;;AACA;EACE;;AAGJ;EACE,ODhSI;;ACkSN;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA;IACA;;;AAEF;EACE;;;AAIN;EACE,YDjUS;ECkUT;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AACA;EAFF;IAGI;;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;EACA;IACE;IACA;IACA;;EACA;IAEE;IACA;IACA;IACA;IACA,YDxWD;ICyWC;IACA;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;IACA;;EAEF;IACE;;;AAIF;EAEE;;AACA;EAHF;IAII;;;AAIF;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AAGA;EADF;IAEI;;;AAEF;EACE,ODlZG;;ACsZL;EACE,OD7YG;;ACiZL;EADF;IAEI;;;AAEF;EACE,ODhaI;;ACqaZ;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;;;AAEF;EACE;EACA;;;AAKN;EACE,kBDvbM;ECwbN;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EARF;IASI;IACA;;;AAEF;EACE;EACA;EACA;;AAIJ;EACE;;AACA;EAFF;IAGI;IACA;;;AAIF;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AAGJ;EF9cA;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE4bE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFndF;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;;AEucJ;EACE;EACA,YDlgBS;ECmgBT;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA,YDxgBQ;ECygBR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE,kBDziBM;EC0iBN;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEF;EACE,OD9jBK;EC+jBL;;AAEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAIJ;EAzCF;IA0CI;IACA;;EAEA;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;;;AAMJ;AAAA;AAAA;EAGE,OD9mBK;EC+mBL;;AAGF;EACE;EACA;;AACA;AAAA;EAEE","file":"index.css"}
\ No newline at end of file
diff --git a/index.html b/index.html
index c285de1..2f74c10 100644
--- a/index.html
+++ b/index.html
@@ -65,6 +65,7 @@
data="assets/illu-landing.svg"
tabindex="-1"
role="img"
+ aria-hidden="true"
>
Illustration Ecolyo
</object>
@@ -73,6 +74,7 @@
class="mglLogo"
alt="Logo Métropole Grand Lyon"
src="assets/legal/mglLogo.svg"
+ role="img"
/>
</section>
@@ -94,6 +96,7 @@
type="image/svg+xml"
data="./assets/compteurs/Linky.svg"
tabindex="-1"
+ aria-hidden="true"
>
Compteur Linky
</object>
@@ -110,6 +113,7 @@
type="image/svg+xml"
data="./assets/compteurs/Teleo.svg"
tabindex="-1"
+ aria-hidden="true"
>
Compteur Téléo
</object>
@@ -126,6 +130,7 @@
type="image/svg+xml"
data="./assets/compteurs/Gazpar.svg"
tabindex="-1"
+ aria-hidden="true"
>
Compteur Gazpar
</object>
@@ -138,10 +143,7 @@
</div>
</div>
<div class="fluid-pipes">
- <img
- src="assets/fluid-icons-pipes.svg"
- alt="illustration des fluides"
- />
+ <img src="assets/fluid-icons-pipes.svg" alt="" aria-hidden="true" />
</div>
</section>
<section class="security" id="security">
@@ -159,7 +161,11 @@
...
</p>
<div class="container-img">
- <img src="assets/cloud-shield.svg" alt="logo cloud grand Lyon" />
+ <img
+ src="assets/cloud-shield.svg"
+ alt="logo cloud grand Lyon"
+ role="img"
+ />
</div>
<p class="xl-text">
... afin de sécuriser vos données pour que personne, pas même la
@@ -182,10 +188,7 @@
<section class="views-app">
<div class="content">
<div class="fluid-pipes">
- <img
- src="assets/fluid-pipes-yellow.svg"
- alt="illustration des fluides"
- />
+ <img src="assets/fluid-pipes-yellow.svg" alt="" aria-hidden="true" />
</div>
<div class="screens-container">
<div class="screen consumption">
@@ -313,10 +316,10 @@
</div>
<div class="info">
- <img src="assets/legal/info.svg" alt="" />
- <a href="https://www.grandlyon.com/" target="_blank"
- >Un site de la Métropole de Lyon</a
- >
+ <a href="https://www.grandlyon.com/" target="_blank">
+ <img src="assets/legal/info.svg" alt="" role="presentation" />
+ Un site de la Métropole de Lyon
+ </a>
</div>
</footer>
</body>
diff --git a/index.scss b/index.scss
index 12eb40e..dbfd290 100644
--- a/index.scss
+++ b/index.scss
@@ -587,6 +587,9 @@ footer {
gap: 0.5rem;
a {
text-decoration: none;
+ display: flex;
+ align-items: center;
+ gap: 0.25rem;
}
}
--
GitLab