diff --git a/assets/illu-landing.svg b/assets/illu-landing.svg index a8193720d6bdf0a54a6579c3eeed7db5b3cbf7a6..3cbe6f30ba48e0e8f86cb71b63c68422c6f58ef3 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 5b907ec0b86d8d03ea5754164a615a83d27ca362..fbc6354fe9976a0c8bb5d5dcb7eacaca5ef0f982 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 e70bc5cd6c3f6dd7940d89c3d2acccb3b4f1af1d..5391dc346e35ab75824a907ab3b625164ff64b3f 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 c285de1b65d338a6d1ea1e828244adba0ac7805c..2f74c10aa23c10e8b08cf6d2a7eebf2f47fddd08 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 12eb40e7e950a73e5880b69556c750099089c444..dbfd290454ed1258606c89564b731aa12ab5d451 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; } }