Add alert banner title to the hide button aria-label attribute

localgovdrupal · Oct 4, 2021 · 111bc1a · 111bc1a
1 parent ad7efe8
commit 111bc1a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/templates/localgov-alert-banner.html.twig b/templates/localgov-alert-banner.html.twig
@@ -44,7 +44,7 @@
             {{ content.title }}
           </h2>
         {% endif %}
-        
+
         <div class="localgov-alert-banner__body">
           {{ content|without('title', 'link') }}
         </div>
@@ -57,7 +57,7 @@
       {% if not remove_hide_link %}
         <div class="localgov-alert-banner__actions">
           <div class="localgov-alert-banner__dismiss">
-            <button class="localgov-alert-banner__close js-localgov-alert-banner__close" aria-label="{{ 'Hide alert'|t }}">{{ 'Hide'|t }}</button>
+            <button class="localgov-alert-banner__close js-localgov-alert-banner__close" aria-label="{{ 'Hide alert'|t ~ ': ' ~ content.title|render|striptags|trim }}">{{ 'Hide'|t }}</button>
           </div>
         </div>
       {% endif %}