Elementor Slides Widget - Hide duplicate slides available to keyboard users in the Dom for better accessibility

script.js

document.addEventListener('DOMContentLoaded', function() {
    const swiperWrapper = document.querySelector('.swiper-wrapper');

    if (!swiperWrapper) {
        console.error('Swiper wrapper not found!');
        return;
    }

    const observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.type === 'childList') {
                mutation.addedNodes.forEach(function(node) {
                    if (node.classList && node.classList.contains('swiper-slide-duplicate')) {
                        node.setAttribute('aria-hidden', 'true');
                        // Set tabindex="-1" on all focusable elements within the node
                        const focusableElements = node.querySelectorAll('a, button, input, textarea, select, [tabindex]');
                        focusableElements.forEach(function(element) {
                            element.setAttribute('tabindex', '-1');
                        });
                    }
                });
            }
        });
    });

    // Configuration of the observer:
    const config = { childList: true, subtree: true };

    // Start observing the target node for configured mutations
    observer.observe(swiperWrapper, config);
});