[A11Y] Ajout d'attributs aria (#592)

layouts/partials/blocks/templates/call_to_action.html

@@ -34,11 +34,11 @@
             {{- end -}}
           </div>
           {{ if .image }}
-            <figure>
+            <figure role="figure" {{- with or .alt .credit }} aria-label="{{ . | plainify }}" {{ end }}>
               {{ partial "commons/image.html"
                 (dict
                   "image"    .image.file
-                  "alt"      .image.alt
+                  "alt"      .alt
                   "sizes"    site.Params.image_sizes.blocks.call_to_action
               )}}
               {{ if partial "GetTextFromHTML" .credit }}

layouts/partials/blocks/templates/chapter.html

@@ -30,7 +30,7 @@
             {{ end -}}
           </div>
           {{ if .image }}
-            <figure class="{{- $image_class -}}">
+            <figure role="figure" class="{{- $image_class -}}" {{- with or .alt .credit }} aria-label="{{ . | plainify }}" {{ end }}>
               {{ if not site.Params.image_sizes.design_system.lightbox.disabled }}
                 <a class="glightbox"
                   role="button"
@@ -44,6 +44,7 @@
                 {{ partial "commons/image.html"
                   (dict
                     "image"    .image
+                    "alt" .alt
                     "sizes"    site.Params.image_sizes.blocks.chapter
                   )}}
               {{ if not site.Params.image_sizes.design_system.lightbox.disabled }}

layouts/partials/blocks/templates/features.html

@@ -27,7 +27,7 @@
                   <p>{{ .description | safeHTML }}</p>
                 </div>
                 {{- if .image -}}
-                  <figure>
+                  <figure role="figure" {{- with or .alt .credit }} aria-label="{{ . | plainify }}" {{ end }}>
                     {{- partial "commons/image.html"
                       (dict
                         "image"    .image

layouts/partials/blocks/templates/gallery/carousel-image.html

@@ -5,7 +5,7 @@
   {{ if .file }}
     {{- $image := partial "GetMedia" .file -}}
     {{- if $image -}}
-      <figure {{ if $is_carousel }} id="carousel-item-{{$index}}" role="{{$role}}" aria-roledescription="slide" class="carousel__slide" aria-label="item-{{$index}}" {{ end }}>
+      <figure role="figure" {{ if $is_carousel }} id="carousel-item-{{$index}}" role="{{$role}}" aria-roledescription="slide" class="carousel__slide" aria-label="item-{{$index}} {{- with or .text .alt .credit }} | {{ . | plainify }} {{- end }}" {{ end }}>
         {{ partial "commons/image.html"
           (dict
             "image"    .id

layouts/partials/blocks/templates/gallery/large.html

@@ -4,7 +4,7 @@
       {{- $image := partial "GetMedia" .id -}}
       {{- $image_class := printf "image-%s" (partial "GetImageDirection" .) -}}
       {{- if $image -}}
-        <figure class="{{ $image_class  }}">
+        <figure role="figure" class="{{ $image_class  }}" {{- with or .text .alt .credit }} aria-label="{{ . | plainify }}" {{ end }}>
           {{ partial "commons/image.html"
             (dict
               "image"    .file

layouts/partials/blocks/templates/image.html

@@ -17,7 +17,7 @@
         )}}
 
         {{- with .image -}}
-          <figure class="{{ $image_class }}">
+          <figure role="figure" class="{{ $image_class }}" {{- with or $text .alt .credit }} aria-label="{{ . | plainify }}" {{ end }}>
             {{ if not site.Params.image_sizes.design_system.lightbox.disabled }}
               <a  class="glightbox"
                   role="button"

layouts/partials/blocks/templates/testimonials/single.html

-<figure {{- if .is_carousel }} id="carousel-item-{{.index}}" role="{{.role}}" aria-roledescription="slide" class="carousel__slide" aria-label="{{.index}} / {{ .total }}" {{ end }} class="{{ if .is_carousel }}carousel__slide{{ end }} {{ if .params.photo }}with-picture{{ end }}">
+<figure role="figure" {{- if .is_carousel }} id="carousel-item-{{.index}}" role="{{.role}}" aria-roledescription="slide" class="carousel__slide" aria-label="{{.index}} / {{ .total }}" {{ end }} class="{{ if .is_carousel }}carousel__slide{{ end }} {{ if .params.photo }}with-picture{{ end }}">
   {{ with .params }}
     {{ $is_long := gt (len .text) 150 }}
     <blockquote {{- if $is_long }} class="is-long" {{- end }}>

layouts/partials/footer/footer.html

-<footer id="document-footer">
+<footer id="document-footer" role="contentinfo">
   {{ partial "footer/footer-simple.html" . }}
 </footer>

layouts/partials/header/header.html

 {{ $primary := partial "GetMenu" "primary" }}
 
-<header id="document-header">
+<header id="document-header" role="banner">
   <nav aria-label="{{ i18n "commons.menu.main" }}">
     <div class="container">
       {{ partial "header/logo.html" }}

layouts/partials/programs/image.html

 {{ if . }}
-  <figure class="featured-image">
+  <figure role="figure" class="featured-image">
     {{ partial "commons/image.html"
           (dict
             "image"    .