fix - Header Search Accessibility

hlxsites · Mar 21, 2024 · 703445c · 703445c
1 parent 2eaa95e
commit 703445c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/aemeds/blocks/blogheader/blogheader.js b/aemeds/blocks/blogheader/blogheader.js
@@ -197,13 +197,16 @@ export default async function decorate(block) {
       }, 350);
     };
 
+    const placeholders = await placeholdersPromise;
+
     const searchLi = li({ class: 'blogsearch-menu-container' },
       div({ class: 'blogsearch' }, form({},
         div({ class: 'search-container' },
           i({ class: 'search-icon' }),
           span({ class: 'search-indicator' }),
           input({
             type: 'text',
+            'aria-label': placeholders.search || 'Search',
             oninput: () => { debouncedSearch(); },
             onkeyup: (e) => { if (e.code === 'Escape') { delayedBlur(); } },
             onblur: () => { delayedBlur(); },
@@ -215,7 +218,6 @@ export default async function decorate(block) {
     navSections.appendChild(searchLi);
     navSections.setAttribute('aria-expanded', 'false');
 
-    const placeholders = await placeholdersPromise;
 
     const menuText = placeholders.mobileMenu || 'Menu';
     blogHeader.prepend(