fix a11y nav

assets/sass/_theme/design-system/a11y.sass

 .nav-accessibility
-    @include list-reset
     padding: $spacing1
     position: absolute
     transform: translateY(calc(-100% - 24px))
     z-index: $zindex-nav-accessibility
+    ul
+        @include list-reset
     li
         display: inline-block
         margin-right: px2rem(5)
     &:focus-within
-        position: relative
+        background: white
+        color: black
         transform: translateY(0)
 
 .transcription

layouts/partials/header/accessibility.html

-<ul class="nav-accessibility" role="navigation" aria-label="{{ i18n "commons.accessibility.shortcut_navigation"}}">
-  <li><a href="#main">{{ i18n "commons.accessibility.main_content" }}</a></li>
-  <li><a href="#navigation">{{ i18n "commons.accessibility.menu" }}</a></li>
-</ul>
+<nav class="nav-accessibility">
+  <ul aria-label="{{ i18n "commons.accessibility.shortcut_navigation"}}">
+    <li><a href="#main">{{ i18n "commons.accessibility.main_content" }}</a></li>
+    <li><a href="#navigation">{{ i18n "commons.accessibility.menu" }}</a></li>
+  </ul>
+</nav>

layouts/partials/header/hero.html

@@ -33,14 +33,14 @@
                 "sizes"    ( .sizes | default site.Params.image_sizes.design_system.hero )
                 "lazy"     false
               ) }}
-              {{ if partial "GetTextFromHTML" .image.credit }}
-                <figcaption tabindex="0">
-                  <p>
-                    {{- partial "GetTextFromHTML" .image.credit -}}
-                  </p>
-                </figcaption>
-              {{ end }}
-          </a>
+            </a>
+            {{ if partial "GetTextFromHTML" .image.credit }}
+              <figcaption tabindex="0">
+                <p>
+                  {{- partial "GetTextFromHTML" .image.credit -}}
+                </p>
+              </figcaption>
+            {{ end }}
         </figure>
       {{ end -}}
     </div>