ISTWCMS-5650: Add tab key logic for pasuing slider

src/patterns/04-components/banners/banners.js

@@ -41,7 +41,6 @@
             draggable: true,
             wrapAround: true,
             adaptiveHeight: true,
-            cellSelector: '.card__banner',
             pageDots: bannerDots,
             prevNextButtons: false,
             on: {
@@ -114,6 +113,21 @@
               bannerPlay.style.display = 'block';
             });
           }
+          // Get banner link.
+          var bannerLink = banner.querySelector('.card__banner a');
+
+          // Check for Tab key, find pause button and click it.
+          bannerLink.addEventListener('keydown', function (event) {
+            if (event.key === 'Tab' || event.keyCode === 9) {
+              var banner = event.target.closest('.uw-carousel__banner');
+              if (banner) {
+                var pauseButton = banner.querySelector('.uw-pause');
+                if (pauseButton) {
+                  pauseButton.click();
+                }
+              }
+            }
+          });
         });
       });
     }