diff --git a/app/assets/javascripts/initializers/initializeHeroBannerClose.js b/app/assets/javascripts/initializers/initializeHeroBannerClose.js index 6b8426671..063bc9928 100644 --- a/app/assets/javascripts/initializers/initializeHeroBannerClose.js +++ b/app/assets/javascripts/initializers/initializeHeroBannerClose.js @@ -3,10 +3,12 @@ function initializeHeroBannerClose() { let bannerWrapper = document.getElementById('hero-html-wrapper'); let closeIcon = document.getElementById('js-hero-banner__x'); + // Currently js-hero-banner__x button icon ID needs to be written into the abstract html // In the future this could be extracted so the implementer doesn't need to worry about it. if (bannerWrapper && closeIcon) { + closeIcon.setAttribute('aria-label', 'Close campaign banner'); closeIcon.addEventListener('click', () => { localStorage.setItem('exited_hero', bannerWrapper.dataset.name); bannerWrapper.style.display = 'none';