[Fix #1565] Improve accessibility of the landing page
- Improve the alt text for the header logo - Empty alt text for decorative images - Improve the alt text for the logos of our users - Improve the alt text for footer logos
This commit is contained in:
gregoirenovel
parent
d4c62f5614
commit
eb977ab798
3 changed files with 23 additions and 23 deletions
|
|
@ -9,9 +9,9 @@
|
|||
et incubé par <a href="https://beta.gouv.fr">beta.gouv.fr</a>
|
||||
%li
|
||||
= link_to "http://www.modernisation.gouv.fr/" do
|
||||
%span.footer-logo.footer-logo-dinsic{ role: 'img', 'aria-label': 'Logo de la DINSIC' }
|
||||
%span.footer-logo.footer-logo-dinsic{ role: 'img', 'aria-label': 'DINSIC' }
|
||||
= link_to "https://beta.gouv.fr" do
|
||||
%span.footer-logo.footer-logo-beta-gouv-fr{ role: 'img', 'aria-label': 'Logo de beta.gouv.fr' }
|
||||
%span.footer-logo.footer-logo-beta-gouv-fr{ role: 'img', 'aria-label': 'beta.gouv.fr' }
|
||||
|
||||
%li.footer-column
|
||||
%ul.footer-links
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
.flex.align-center
|
||||
= link_to root_path_for_profile(nav_bar_profile), class: "header-logo" do
|
||||
%img{ src: image_url("header/logo-ds.svg"), alt: "Logo de demarches-simplifiees.fr" }
|
||||
%img{ src: image_url("header/logo-ds.svg"), alt: "demarches-simplifiees.fr" }
|
||||
|
||||
- if nav_bar_profile == :gestionnaire && gestionnaire_signed_in?
|
||||
- current_url = request.path_info
|
||||
|
|
|
|||
|
|
@ -10,27 +10,27 @@
|
|||
les démarches administratives
|
||||
|
||||
.hero-illustration
|
||||
%img{ :src => image_url("landing/hero/dematerialiser.svg"), alt: "Un formulaire papier qui rentre dans l'écran d'un ordinateur portable" }
|
||||
%img{ :src => image_url("landing/hero/dematerialiser.svg"), alt: "" }
|
||||
|
||||
.landing-panel.features-panel
|
||||
.container
|
||||
%ul.features
|
||||
%li.feature
|
||||
%img.feature-image{ :src => image_url("landing/features/messagerie.svg"), alt: "Un phylactère" }
|
||||
%img.feature-image{ :src => image_url("landing/features/messagerie.svg"), alt: "" }
|
||||
%p.feature-text
|
||||
%em.feature-text-em Dialogue
|
||||
%br
|
||||
simplifié entre usagers et services
|
||||
|
||||
%li.feature
|
||||
%img.feature-image{ :src => image_url("landing/features/collaborer.svg"), alt: "Trois pictogrammes personnes reliées par un cercle" }
|
||||
%img.feature-image{ :src => image_url("landing/features/collaborer.svg"), alt: "" }
|
||||
%p.feature-text
|
||||
%em.feature-text-em Collaboration
|
||||
%br
|
||||
pour un traitement des dossiers plus fluide
|
||||
|
||||
%li.feature
|
||||
%img.feature-image{ :src => image_url("landing/features/gerer.svg"), alt: "Un formulaire dans une fenêtre de navigateur avec un engrenage dans un de ses coins" }
|
||||
%img.feature-image{ :src => image_url("landing/features/gerer.svg"), alt: "" }
|
||||
%p.feature-text
|
||||
%em.feature-text-em Intégration
|
||||
%br
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
.container
|
||||
.role-panel-wrapper.role-administrations-panel
|
||||
.role-panel-30.role-administrations-image
|
||||
%img.role-image{ :src => image_url("landing/roles/administrations.svg"), alt: "Un formulaire, un engrenage et un signe 'validé' reliés par un cercle" }
|
||||
%img.role-image{ :src => image_url("landing/roles/administrations.svg"), alt: "" }
|
||||
|
||||
.role-panel-70
|
||||
%h1.role-panel-title Administrations
|
||||
|
|
@ -61,7 +61,7 @@
|
|||
.container
|
||||
.role-panel-wrapper
|
||||
.role-panel-30.role-usagers-image
|
||||
%img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: "Un formulaire dans une fenêtre de navigateur avec un philactère en haut à droite un un pictogramme de personne en bas à droite" }
|
||||
%img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: "" }
|
||||
|
||||
.role-panel-70
|
||||
%h1.role-panel-title Usagers
|
||||
|
|
@ -77,7 +77,7 @@
|
|||
|
||||
%ul.quotes
|
||||
%li.quote
|
||||
%img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "Un guillemet ouvrant" }
|
||||
%img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "" }
|
||||
.quote-content-wrapper
|
||||
%p.quote-content
|
||||
Les échanges avec les usagers sont facilités, ce qui permet de réduire les délais d’instructions et de gagner en efficacité.
|
||||
|
|
@ -88,7 +88,7 @@
|
|||
Chef de bureau, DRIEA Ile-de-France
|
||||
|
||||
%li.quote
|
||||
%img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "Un guillemet ouvrant" }
|
||||
%img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "" }
|
||||
.quote-content-wrapper
|
||||
%p.quote-content
|
||||
Un service qui garantit une économie de temps et beaucoup moins de manipulations des dossiers.
|
||||
|
|
@ -100,7 +100,7 @@
|
|||
|
||||
%ul.quotes
|
||||
%li.quote
|
||||
%img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "Un guillemet ouvrant" }
|
||||
%img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "" }
|
||||
.quote-content-wrapper
|
||||
%p.quote-content
|
||||
Parfait, cela fonctionne très bien ! Merci encore pour votre réactivité.
|
||||
|
|
@ -111,7 +111,7 @@
|
|||
à notre service support
|
||||
|
||||
%li.quote
|
||||
%img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "Un guillemet ouvrant" }
|
||||
%img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "" }
|
||||
.quote-content-wrapper
|
||||
%p.quote-content
|
||||
★★★★★
|
||||
|
|
@ -157,36 +157,36 @@
|
|||
%ul.users
|
||||
%li.user
|
||||
%a{ :href => "https://www.ecologique-solidaire.gouv.fr/", :target => "_blank " }
|
||||
%img.user-image{ :src => image_url("landing/users/mtes.jpg"), alt: "Logo du Ministère de la Transition Écologique et Solidaire" }
|
||||
%img.user-image{ :src => image_url("landing/users/mtes.jpg"), alt: "Ministère de la Transition Écologique et Solidaire" }
|
||||
%li.user
|
||||
%a{ :href => "https://www.iledefrance.fr/", :target => "_blank " }
|
||||
%img.user-image{ :src => image_url("landing/users/region-idf.jpg"), alt: "Logo de la région Île-de-France" }
|
||||
%img.user-image{ :src => image_url("landing/users/region-idf.jpg"), alt: "Région Île-de-France" }
|
||||
%li.user
|
||||
%a{ :href => "http://www.artisanat.fr/", :target => "_blank " }
|
||||
%img.user-image{ :src => image_url("landing/users/chambres-de-metiers.jpg"), alt: "Logo des Chambres des Métiers et de l'Artisanat" }
|
||||
%img.user-image{ :src => image_url("landing/users/chambres-de-metiers.jpg"), alt: "Chambres des Métiers et de l'Artisanat" }
|
||||
%li.user
|
||||
%a{ :href => "http://www.cci.fr/", :target => "_blank " }
|
||||
%img.user-image{ :src => image_url("landing/users/cci.jpg"), alt: "Logo de la CCI de France" }
|
||||
%img.user-image{ :src => image_url("landing/users/cci.jpg"), alt: "CCI de France" }
|
||||
%li.user
|
||||
%a{ :href => "http://www.driea.ile-de-france.developpement-durable.gouv.fr/", :target => "_blank " }
|
||||
%img.user-image{ :src => image_url("landing/users/driea-idf.jpg"), alt: "Logo de la Direction Régionale et Interdépartementale de l'Équipement et de l'Aménagement" }
|
||||
%img.user-image{ :src => image_url("landing/users/driea-idf.jpg"), alt: "Direction Régionale et Interdépartementale de l'Équipement et de l'Aménagement" }
|
||||
|
||||
%ul.users
|
||||
%li.user
|
||||
%a{ :href => "https://www.debatpublic.fr/", :target => "_blank " }
|
||||
%img.user-image{ :src => image_url("landing/users/cndp.jpg"), alt: "Logo de la Commission Nationale du Débat Public" }
|
||||
%img.user-image{ :src => image_url("landing/users/cndp.jpg"), alt: "Commission Nationale du Débat Public" }
|
||||
%li.user
|
||||
%a{ :href => "https://www.iledefrance.ars.sante.fr/", :target => "_blank " }
|
||||
%img.user-image{ :src => image_url("landing/users/ars-idf.jpg"), alt: "Logo de l'Agence Régionale de Santé d'Île-de-France" }
|
||||
%img.user-image{ :src => image_url("landing/users/ars-idf.jpg"), alt: "Agence Régionale de Santé d'Île-de-France" }
|
||||
%li.user
|
||||
%a{ :href => "http://www.franceagrimer.fr/", :target => "_blank " }
|
||||
%img.user-image{ :src => image_url("landing/users/france-agrimer.jpg"), alt: "Logo de FranceAgrimer" }
|
||||
%img.user-image{ :src => image_url("landing/users/france-agrimer.jpg"), alt: "FranceAgrimer" }
|
||||
%li.user
|
||||
%a{ :href => "http://www.rhone.gouv.fr/", :target => "_blank " }
|
||||
%img.user-image{ :src => image_url("landing/users/prefecture-rhone.jpg"), alt: "Logo de la Préfecture de la région Rhône-Alpes" }
|
||||
%img.user-image{ :src => image_url("landing/users/prefecture-rhone.jpg"), alt: "Préfecture de la région Rhône-Alpes" }
|
||||
%li.user
|
||||
%a{ :href => "http://www.lillemetropole.fr/", :target => "_blank " }
|
||||
%img.user-image{ :src => image_url("landing/users/mel.jpg"), alt: "Logo de la Métropole Européenne de Lille" }
|
||||
%img.user-image{ :src => image_url("landing/users/mel.jpg"), alt: "Métropole Européenne de Lille" }
|
||||
|
||||
.landing-panel.cta-panel
|
||||
.container
|
||||
|
|
|
|||
Loading…
Reference in a new issue