[MWPW-160542] - Accessibility Fix for breadcrumb

adobecom · Jan 3, 2025 · 5951775 · 5951775
1 parent a4f2ac9
commit 5951775
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/libs/blocks/global-navigation/utilities/keyboard/mobilePopup.js b/libs/blocks/global-navigation/utilities/keyboard/mobilePopup.js
@@ -150,13 +150,15 @@ class Popup {
     const activeLinks = [...activePopup.querySelectorAll(selectors.activeLinks)];
     const stickyCTA = activePopup.querySelector(selectors.stickyCta);
     const topBarLinks = activePopup.querySelectorAll(selectors.topBarLinks);
+    const breadcrumbLinks = activePopup.querySelectorAll(selectors.breadCrumbItems);
     return [
       ...anteActiveTab,
       activeTab,
       ...activeLinks,
       stickyCTA,
       ...postActiveTab,
       ...topBarLinks,
+      ...breadcrumbLinks,
     ].filter(Boolean);
   };
 

diff --git a/libs/blocks/global-navigation/utilities/utilities.js b/libs/blocks/global-navigation/utilities/utilities.js
@@ -431,7 +431,7 @@ export const transformTemplateToMobile = async (popup, item, localnav = false) =
     });
   const CTA = popup.querySelector('.feds-cta')?.outerHTML ?? '';
   const mainMenu = `
-      <button class="main-menu" daa-ll="Main menu_Gnav">
+      <button class="main-menu" daa-ll="Main menu_Gnav" aria-label='Main menu'>
         <svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none"><path d="M5.55579 1L1.09618 5.45961C1.05728 5.4985 1.0571 5.56151 1.09577 5.60062L5.51027 10.0661" stroke=${isDarkMode() ? '#f2f2f2' : 'black'} stroke-width="2" stroke-linecap="round"/></svg>
         {{main-menu}}
       </button>
@@ -441,7 +441,7 @@ export const transformTemplateToMobile = async (popup, item, localnav = false) =
   popup.innerHTML = `
     <div class="top-bar">
       ${localnav ? brand : await replaceText(mainMenu, getFedsPlaceholderConfig())}
-      <button class="close-icon" daa-ll="Close button_SubNav">
+      <button class="close-icon" daa-ll="Close button_SubNav" aria-label='Close'>
         <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
           <path d="M1.5 1L13 12.5" stroke=${isDarkMode() ? '#f2f2f2' : 'black'} stroke-width="1.7037" stroke-linecap="round"/>
           <path d="M13 1L1.5 12.5" stroke=${isDarkMode() ? '#f2f2f2' : 'black'} stroke-width="1.7037" stroke-linecap="round"/>