Zoek een aanbieder | (2024)

'); $('#modalHolder').html('

'); } $('#modalHolder > #disclaimer .paragraph').empty(); $('#modalHolder > #disclaimer .paragraph').html($('.' + popupClass + "-bottombar").html()); //$('#modalHolder > #disclaimer').attr('tabindex', 0).focus(); $('#modalHolder > #disclaimer').focus(); $(".closeDialog").unbind('click').click(function () { $("#modalHolder").animate({ top: -600 }, { duur: 150, easing: 'easeOutSine' }) ; $('#skiplink').removeAttr('tabindex').removeAttr('aria-verborgen'); $('#site').removeAttr('tabindex').removeAttr('aria-verborgen'); ("#overlay').removeAttr('tabindex'); $('#modalHolder').removeAttr('tabindex'); $("#modalHolder").hide(); (300); element.focus( }); /*** CONTROL FOCUS ***/ var focusableElements = 'knop, [href], invoer, selecteer, tekstgebied, [tabindex]:not([tabindex="-1"])'; var modal = document.querySelector('#modalHolder'); // selecteer de modale op basis van zijn id var firstFocusableElement = modal.querySelectorAll(focusableElements)[0]; // Haal het eerste element op dat moet worden gefocust binnen modale var focusableContent = modal.querySelectorAll(focusableElements); var lastFocusableElement = focusableContent[focusableContent.length - 1]; // Haal het laatste element op dat moet worden gefocust in het modale document.addEventListener('keydown', function (e) { let isTabPressed = e.key === 'Tab' || e.keyCode === 9; if (!isTabPressed) { return; } if (e.shiftKey) {// If shift-toets ingedrukt Voor shift + tab-combinatie if (document.activeElement === firstFocusableElement) { lastFocusableElement.focus( // add focus Voor het laatste focusbare element e. preventieDefault(); } } else {// if tab-toets wordt ingedrukt if (document.activeElement === lastFocusableElement) {// If focus heeft bereikt Naar het laatste focusbare element Focus vervolgens op het eerste focusbare element nadat op tab firstFocusableElement.focus(); // focus toevoegen Voor het eerste focusbare element e.preventDefault(); firstFocusableElement.focus(); /*** CONTROLE FOCUS ***/ }); });