window.addEventListener("load", (event) => { console.log("DOM fully loaded and parsed"); // start: CUSTOM SECTION where this will apply to all widgets const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }; setInterval(function() { var closeButton = document.querySelector('.jm-mfp-close'); if (closeButton) { closeButton.setAttribute('title', 'close pop up'); closeButton.setAttribute('aria-label', 'close pop up'); } if (document.querySelector('.jm-mfp-review-wrapper') && document.querySelector('.jm-mfp-review-wrapper').firstElementChild != document.querySelector('.jdgm-rev')) { document.querySelector('.jm-mfp-review-wrapper').insertBefore(document.querySelector('.jdgm-rev'), document.querySelector('.jm-mfp-close')); } }, 2000); // end: custom section where this will apply to all widgets // start: if PREVIEW BADGE if (document.querySelector('.jdgm-preview-badge')) { setTimeout(function() { document.querySelectorAll('.jdgm-prev-badge__stars').forEach(el => { el.setAttribute('role', 'image'); }); }, 1000); } // end: if PREVIEW BADGE // start: if REVIEW CAROUSEL if (document.querySelector('.jdgm-carousel-wrapper')) { if (document.querySelector('.jdgm-carousel-number-of-reviews a')) { var x = 0; var intervalID = setInterval(function() { document.querySelector('.jdgm-carousel-number-of-reviews a').setAttribute( 'aria-label', `${document.querySelector('.jdgm-carousel-number-of-reviews a').innerText}, this link will open in a new window` ); if (++x === 5) { window.clearInterval(intervalID); } }, 1000); } if (!jdgmSettings.featured_carousel_show_product) { document.querySelectorAll('.jdgm-carousel-item__product').forEach(el => { el.style.display = 'none'; }); } document.querySelectorAll('.jdgm-carousel-item__timestamp.jdgm-ellipsis').forEach(el => { el.setAttribute('role', 'text'); var event = new Date(el.getAttribute('data-time')); el.setAttribute('aria-label', `published on ${event.toLocaleDateString(undefined, options)}`); el.setAttribute('title', `published on ${event.toLocaleDateString(undefined, options)}`); }); document.querySelector(".jdgm-carousel-wrapper").setAttribute('aria-label', 'carousel'); document.querySelector(".jdgm-carousel-wrapper").setAttribute('role', 'region'); // start: change arrow from div to button-like elements var newLeftArrow = document.createElement('span'); var newRightArrow = document.createElement('span'); document.querySelector('.jdgm-carousel__left-arrow').replaceWith(newLeftArrow); document.querySelector('.jdgm-carousel__right-arrow').replaceWith(newRightArrow); newLeftArrow.classList.add('jdgm-carousel__left-arrow'); newRightArrow.classList.add('jdgm-carousel__right-arrow'); newLeftArrow.setAttribute('tabindex', '0'); newLeftArrow.setAttribute('role', 'button'); newLeftArrow.setAttribute('aria-label', 'previous'); newRightArrow.setAttribute('aria-label', 'next'); newRightArrow.setAttribute('tabindex', '0'); newRightArrow.setAttribute('role', 'button'); // end: change arrow from div to button-like elements //start: change review card to alert pop up(happens for carousel Gallery theme) document.querySelectorAll('.jdgm-carousel-item__full-review-link').forEach(el => { el.removeAttribute('role'); el.setAttribute('aria-label', 'this link will open review pop up'); }); //end: change review card to alert pop up(happens for carousel Gallery theme) setInterval(function() { if (document.querySelectorAll('.jdgm-verified-by-judgeme').length > 1) { document.querySelectorAll('.jdgm-verified-by-judgeme')[0].style.display = 'none'; } // start: set alt/aria-label attribute for carousel images to be more meaningful document.querySelectorAll('.jdgm-full-rev').forEach(el => { el.querySelector('.jdgm-full-rev__pic-link').setAttribute('aria-label', `user's picture about product ${el.getAttribute('data-product-title')}`); }); //end: set alt/aria-label attribute for carousel images to be more meaningful document.querySelectorAll('.jdgm-carousel-item').forEach((el, index) => { el.setAttribute('role', 'group'); el.setAttribute('tabindex', '0'); el.setAttribute('aria-label', `slide ${index + 1} of ${document.querySelector('.jdgm-carousel__item-wrapper').childElementCount}`); var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting === true) { el.setAttribute('aria-hidden', 'false'); } else { el.setAttribute('aria-hidden', 'true'); } }, { threshold: [0.25] }); observer.observe(el); }); }, 700); setTimeout(function() { jdgm.initializeCarousel(); }, 2000); } // end: if REVIEW CAROUSEL // start: if REVIEW WIDGET if (document.querySelector('#judgeme_product_reviews')) { // in case they have more than one widget then the rest of this code might not work, so we will remove one if (document.querySelectorAll('.jdgm-widget.jdgm-review-widget').length > 1) { document.querySelectorAll('.jdgm-widget.jdgm-review-widget')[0].remove(); } var getWidgetHeader = document.querySelector('.jdgm-rev-widg__header'); getWidgetHeader.setAttribute('role', 'text'); getWidgetHeader.setAttribute('tabindex', '0'); if (document.querySelector('.jdgm-rev__prod-link')) { document.querySelector('.jdgm-rev__prod-link').setAttribute( 'aria-label', `${document.querySelector('.jdgm-rev__prod-link').innerText}, this link opens in a new window.` ); } var parentNode = document.querySelector('.jdgm-rev-widg__summary-inner'); var replaceNode = document.querySelector('.jdgm-rev-widg__summary-text'); var focusElement = document.querySelector('.jdgm-rev-widg__summary-average'); if (parentNode && replaceNode && focusElement) { parentNode.insertBefore(focusElement, replaceNode); parentNode.setAttribute('style', 'text-align: center;'); } // start: add aria-label to social media share buttons document.querySelectorAll('.jdgm-rev__share-btn').forEach(el => { el.setAttribute('aria-label', `${jdgmSettings.reply_name} ${el.getAttribute('data-social-media')}, this link will open a new tab`); }); // end: add aria-label to social media share buttons // -------------------------------------------------------------------- // ADA PATCH (Requested by auditor): // 1) Pagination: expose selected state programmatically ("button, selected") // 2) Star rating filter (histogram): expose selected state ("button, selected") // 3) "Alle Bewertungen anzeigen": enforce proper button semantics // -------------------------------------------------------------------- // Helper: make non-button elements act like buttons + keyboard support function makeElementButtonLike(el) { if (!el) return; if (el.tagName !== 'BUTTON') { el.setAttribute('role', 'button'); } el.setAttribute('tabindex', '0'); el.addEventListener('keydown', (e) => { const key = e.key || e.keyCode; if (key === 'Enter' || key === ' ' || key === 13 || key === 32) { e.preventDefault(); el.click(); } }); } // 1) Pagination: current page has .jdgm-curt function updatePaginationSelectedState() { const pages = document.querySelectorAll('.jdgm-paginate__page'); if (!pages.length) return; pages.forEach((pageEl) => { makeElementButtonLike(pageEl); const pageNum = pageEl.getAttribute('data-page') || (pageEl.innerText || '').trim(); // Reset pageEl.removeAttribute('aria-current'); pageEl.setAttribute('aria-selected', 'false'); pageEl.setAttribute('aria-label', `Page ${pageNum}`); // Current page if (pageEl.classList.contains('jdgm-curt')) { pageEl.setAttribute('aria-current', 'page'); pageEl.setAttribute('aria-selected', 'true'); pageEl.setAttribute('aria-label', `Page ${pageNum}, selected`); } }); } // 2) Histogram / star rating filter: mark selected row as pressed/selected // Note: selected class can vary by theme/version; we check common patterns + aria attributes. function updateHistogramSelectedState() { const rows = document.querySelectorAll('.jdgm-histogram__row'); if (!rows.length) return; rows.forEach((rowEl) => { makeElementButtonLike(rowEl); // Build label from visible text const txt = (rowEl.innerText || '').replace(/\s+/g, ' ').trim(); // Reset rowEl.setAttribute('aria-selected', 'false'); rowEl.setAttribute('aria-pressed', 'false'); if (txt) rowEl.setAttribute('aria-label', txt); const className = (rowEl.className || '').toLowerCase(); const isSelected = className.includes('active') || className.includes('selected') || className.includes('current') || rowEl.getAttribute('aria-selected') === 'true' || rowEl.getAttribute('aria-pressed') === 'true'; if (isSelected) { rowEl.setAttribute('aria-selected', 'true'); rowEl.setAttribute('aria-pressed', 'true'); if (txt) rowEl.setAttribute('aria-label', `${txt}, selected`); } }); } // 3) "Alle Bewertungen anzeigen" control: ensure proper button semantics function fixShowAllReviewsButton() { const candidates = []; // Common selectors const s1 = document.querySelector('.jdgm-all-reviews-link'); const s2 = document.querySelector('.jdgm-rev-widg__all-reviews-link'); if (s1) candidates.push(s1); if (s2) candidates.push(s2); // Text match (German + English fallback) const byText = Array.from(document.querySelectorAll('a, div, span, button')).find(el => { const t = (el.innerText || '').trim().toLowerCase(); return t === 'alle bewertungen anzeigen' || t === 'show all reviews'; }); if (byText) candidates.push(byText); candidates.forEach((el) => { makeElementButtonLike(el); const label = (el.innerText || 'Show all reviews').trim(); el.setAttribute('aria-label', `${label}, button`); }); } // Run now + keep in sync as widget re-renders updatePaginationSelectedState(); updateHistogramSelectedState(); fixShowAllReviewsButton(); // Re-run on likely interactions document.addEventListener('click', (e) => { const t = e.target; if (!t) return; if (t.closest('.jdgm-paginate') || t.closest('.jdgm-histogram')) { setTimeout(() => { updatePaginationSelectedState(); updateHistogramSelectedState(); }, 200); } // If "show all reviews" is clicked, ensure it stays button-like if ((t.innerText || '').trim().toLowerCase() === 'alle bewertungen anzeigen' || (t.innerText || '').trim().toLowerCase() === 'show all reviews') { setTimeout(() => { fixShowAllReviewsButton(); updatePaginationSelectedState(); updateHistogramSelectedState(); }, 200); } }); // Also re-run a few times because widget loads progressively let adaPasses = 0; const adaInterval = setInterval(() => { updatePaginationSelectedState(); updateHistogramSelectedState(); fixShowAllReviewsButton(); adaPasses += 1; if (adaPasses >= 12) clearInterval(adaInterval); }, 800); // -------------------------------------------------------------------- // **** start: to trigger Voice over to pick up the first missing required input **** if (!jdgmSettings.disable_web_reviews) { document.querySelector('.jdgm-write-rev-link').addEventListener('click', function() { setTimeout(function() { document.querySelectorAll('.jdgm-form__rating a').forEach(el => { el.removeAttribute('aria-label'); el.setAttribute('aria-label', `select ${el.getAttribute('title')} rating`); el.setAttribute('role', 'button'); }); //for widget 2.0 document.querySelectorAll('.jdgm-form div p a').forEach(el => { el.setAttribute('aria-label', `${el.innerText}, this link will open a new tab`); }); }, 500); document.querySelector('.jdgm-form').addEventListener('submit', function() { console.log('form submitted'); setTimeout(function() { var getChildren = Array.from(document.querySelector('.jdgm-form').children); console.log('1 passed'); getChildren.forEach(el => { if (el.querySelector('.jdgm-input-error')) { if (el.querySelector('.jdgm-input-error').checkVisibility() || el.querySelector('.jdgm-input-error').nodeName === 'INPUT') { el.children[0].classList.add('required-text-ada'); el.setAttribute('aria-label', `${el.children[0].innerText}, This field is required`); } else { el.children[0].classList.remove('required-text-ada'); el.setAttribute('aria-label', el.children[0].innerText); } } }); for (let index = 0; index < getChildren.length; index++) { if (getChildren[index].querySelector('.jdgm-input-error')) { getChildren[index].focus(); console.log('focus'); break; } } }, 200); }); }); } // **** end: to trigger Voice over to pick up the first missing required input **** const revWid = document.querySelectorAll('.jdgm-widget'); revWid.forEach(el => { // **** start: to trigger Voice over to pick up the review submitted message **** el.addEventListener('submit', function(event) { const target = event.target; setTimeout(() => { if (target.tagName === 'FORM') { const focusElement = el.querySelector('.jdgm-notification'); if (focusElement) { document.querySelector('.jdgm-rev-widg').appendChild(focusElement); var parentNode = document.querySelector('.jdgm-rev-widg'); var replaceNode = document.querySelector('.jdgm-rev-widg__body'); parentNode.insertBefore(focusElement, replaceNode); focusElement.setAttribute('role', 'text'); focusElement.setAttribute('tabindex', '-1'); focusElement.setAttribute('aria-live', 'polite'); focusElement.focus(); focusElement.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" }); setTimeout(function() { document.querySelector('.jdgm-notification a').setAttribute('aria-label', 'Judge.me, this link will open in a new tab.'); focusElement.removeAttribute('role'); focusElement.removeAttribute('aria-live'); }, 400); } } const getTheReviewJustCreatedNow = document.querySelector('.jdgm-rev__rating'); if (getTheReviewJustCreatedNow) { getTheReviewJustCreatedNow.setAttribute('tabindex', '0'); getTheReviewJustCreatedNow.setAttribute('aria-label', `${getTheReviewJustCreatedNow.getAttribute('data-score')} stars review`); getTheReviewJustCreatedNow.setAttribute('role', 'img'); } }, 1000); }); // **** end: to trigger Voice over to pick up the review submitted message **** // **** start: to check whenever we actually click/change the filter **** var checkIfClicked = false; if (document.querySelector('.jdgm-row-actions .jdgm-sort-dropdown')) { document.querySelector('.jdgm-row-actions .jdgm-sort-dropdown').addEventListener('change', function() { checkIfClicked = true; console.log('click filter'); }); } // **** end: to check whenever we actually click/change the filter **** // **** start: to trigger Voice over to pick up the new review filter **** el.addEventListener('change', function(event) { const target = event.target; setTimeout(() => { if (checkIfClicked == true) { checkIfClicked = false; const focusElement = el.querySelector('.jdgm-rev-widg__reviews'); if (focusElement) { console.log('filter true'); getWidgetHeader.blur(); document.querySelector('.jdgm-rev-widg').blur(); document.querySelector('#judgeme_product_reviews').blur(); getWidgetHeader.removeAttribute('role'); getWidgetHeader.removeAttribute('tabindex'); focusElement.setAttribute('role', 'text'); focusElement.setAttribute('tabindex', '0'); focusElement.setAttribute('aria-live', 'polite'); convertReviewDate(); var filterselected = document.getElementsByClassName("jdgm-row-actions jdgm-sort-dropdown")[0]; if (filterselected && filterselected.selectedOptions && filterselected.selectedOptions[0]) { focusElement.setAttribute('aria-label', `reviews sorted by ${filterselected.selectedOptions[0].innerText}`); } focusElement.focus(); } } }, 500); }); // **** end: to trigger Voice over to pick up the new review filter **** // start: to focus the first row of the review form after clicking the write review button if (!jdgmSettings.disable_web_reviews) { var getReviewButton = document.querySelector('.jdgm-write-rev-link'); if (getReviewButton) { getReviewButton.setAttribute('role', 'button'); getReviewButton.addEventListener('click', function() { var getReviewFormTitle = document.querySelectorAll('.jdgm-form-wrapper > .jdgm-form > .jdgm-form__title'); // NOTE: original code used querySelectorAll; keeping as-is but guarding if (getReviewFormTitle && getReviewFormTitle[0]) { getReviewFormTitle[0].setAttribute('role', 'text'); getReviewFormTitle[0].setAttribute('aria-live', 'polite'); getReviewFormTitle[0].setAttribute('tabindex', '-1'); var div = document.createElement('div'); div.classList.add('jdgm-no-dup'); if (document.querySelector('.jdgm-form__fieldset-actions') && !document.querySelector('.jdgm-form__fieldset-actions').querySelector('.jdgm-no-dup')) { document.querySelector('.jdgm-form__fieldset-actions').insertBefore(div, document.querySelector('.jdgm-form__fieldset-actions').childNodes[2]); document.querySelector('.jdgm-no-dup').appendChild(document.querySelector('.jdgm-submit-rev')); } getReviewFormTitle[0].focus(); setTimeout(function() { const titleInput = document.querySelector('input[name="review_title"]'); if (titleInput) titleInput.blur(); }, 10); if (document.querySelector('.jdgm-form__rating')) { document.querySelector('.jdgm-form__rating').childNodes.forEach(el => { setInterval(function() { el.addEventListener('click', function() { setTimeout(function() { const titleInput = document.querySelector('input[name="review_title"]'); if (titleInput) titleInput.blur(); }, 10); }); }, 500); }); } } }); } } if (jdgmSettings.enable_question_anwser) { const askBtn = document.querySelector('.jdgm-ask-question-btn'); if (askBtn) { askBtn.addEventListener('click', function() { const title = document.querySelector('.jdgm-question-form-wrapper > .jdgm-form__title'); if (title) title.focus(); setTimeout(function() { const nameInput = document.querySelector('#jdgm_question_reviewer_name'); if (nameInput) nameInput.blur(); }, 10); }); } } // end: to focus the first row of the review form after clicking the write review button // **** start: to add focus event to review widget after clicking the pagination **** function focusReviewBack() { console.log('pagination clicked!'); setTimeout(() => { const focusElement = el.querySelector('.jdgm-rev-widg__reviews'); if (focusElement) { console.log('page true'); getWidgetHeader.blur(); document.querySelector('.jdgm-rev-widg').blur(); document.querySelector('#judgeme_product_reviews').blur(); getWidgetHeader.removeAttribute('role'); getWidgetHeader.removeAttribute('tabindex'); focusElement.setAttribute('role', 'text'); focusElement.setAttribute('tabindex', '0'); focusElement.setAttribute('aria-live', 'polite'); convertReviewDate(); focusElement.focus(); } }, 1000); } setInterval(function() { document.querySelectorAll('.jdgm-paginate__page').forEach(ele => { ele.addEventListener('click', function() { focusReviewBack(); setTimeout(() => { updatePaginationSelectedState(); updateHistogramSelectedState(); }, 250); }); }); }, 2000); // **** end: to add focus event to review widget after clicking the pagination **** }); // **** start: to add focus event to review widget after clicking the badge **** var getStarRating = document.querySelector('.jdgm-prev-badge__stars'); if (getStarRating) { getStarRating.removeAttribute('role'); getStarRating.setAttribute('href', '#judgeme_product_reviews'); } var prevBadge = document.querySelector('.jdgm-prev-badge'); if (prevBadge) { prevBadge.addEventListener('click', function() { getWidgetHeader.removeAttribute('role'); getWidgetHeader.removeAttribute('tabindex'); document.querySelector('.jdgm-rev-widg').blur(); document.querySelector('#judgeme_product_reviews').blur(); const title = document.querySelector('.jdgm-rev-widg__title'); if (title) { title.setAttribute('role', 'text'); title.setAttribute('tabindex', '0'); title.focus(); } document.querySelector('.jdgm-rev-widg').blur(); document.querySelector('#judgeme_product_reviews').blur(); setTimeout(function() { getWidgetHeader.setAttribute('role', 'text'); getWidgetHeader.setAttribute('tabindex', '2'); }, 5000); }); } // **** end: to add focus event to review widget after clicking the badge **** // **** start: to make Voice over read the review date literarily **** function convertReviewDate() { document.querySelectorAll('.jdgm-rev__timestamp').forEach(el => { el.innerHTML = ` ${el.innerText}`; }); } convertReviewDate(); // **** end: to make Voice over read the review date literarily **** // ---- rest of your original script continues unchanged below ---- // **** start: to make Voice over read the limitation of characters input for review title and body **** setTimeout(function() { if (document.querySelector('.jdgm-form-wrapper')) { var parentNode1 = document.querySelectorAll('.jdgm-form-wrapper > .jdgm-form > .jdgm-form__fieldset')[1]; var replaceNode1 = document.querySelectorAll('.jdgm-countdown')[0]; var newNode1 = document.createElement('div'); newNode1.id = "new-counter-1"; var parentNode2 = document.querySelectorAll('.jdgm-form-wrapper > .jdgm-form > .jdgm-form__fieldset')[2]; var replaceNode2 = document.querySelectorAll('.jdgm-countdown')[1]; var newNode2 = document.createElement('div'); newNode2.id = "new-counter-2"; var target1 = document.querySelectorAll('.jdgm-countdown')[0]; var target2 = document.querySelectorAll('.jdgm-countdown')[1]; var observer1 = new MutationObserver(function(mutations) { newNode1.setAttribute('aria-label', `${replaceNode1.innerText.replace(/[^0-9]/g,"")} characters`); newNode1.innerHTML = ``; }); var observer2 = new MutationObserver(function(mutations) { newNode2.setAttribute('aria-label', `${replaceNode2.innerText.replace(/[^0-9]/g,"")} characters`); newNode2.innerHTML = ``; }); var config1 = { childList: true }; var config2 = { childList: true }; observer1.observe(target1, config1); observer2.observe(target2, config2); } }, 1000); // **** end: to make Voice over read the limitation of characters input for review title and body **** // start: add label to thumb up and down buttons if (jdgmSettings.widget_thumb) { document.querySelectorAll('.jdgm-rev_thumb-up').forEach(el => { el.setAttribute('aria-label', 'thumb up'); el.setAttribute('role', 'button'); }); document.querySelectorAll('.jdgm-rev_thumb-down').forEach(el => { el.setAttribute('aria-label', 'thumb down'); el.setAttribute('role', 'button'); }); } // end: add label to thumb up and down buttons // start: set alt attribute for review widget carousel theme images to be more meaningful if (document.querySelector('.jdgm-rev__pic-link')) { document.querySelectorAll('.jdgm-rev').forEach(el => { if (el.querySelector('.jdgm-rev__pic-link')) { el.querySelector('.jdgm-rev__pic-link').setAttribute('aria-label', `user's picture about product ${el.getAttribute('data-product-title')}`); } }); } // end: set alt attribute for review widget carousel theme images to be more meaningful // start: add aria-label for medals, privacy links document.querySelectorAll('.jdgm-medal, .jdgm-link, .jdgm-form__fieldset > p > a').forEach(el => { el.setAttribute('aria-label', `${el.innerText}, this link will open a new tab`); }); // end: add aria-label for medals, privacy links // start: make review title input focusable after trigger write a review button const focusReviewTitleInput = setInterval(focusReviewTitleInputInterval, 1000); function focusReviewTitleInputInterval() { if (document.querySelectorAll('.jdgm-form__fieldset .jdgm-sort-dropdown')[0]) { document.querySelectorAll('.jdgm-form__fieldset .jdgm-sort-dropdown').forEach(el => { el.setAttribute('tabindex', '0'); for (let index = 0; index < el.children.length; index++) { el.children[index].setAttribute('tabindex', '0'); } }); } if (document.querySelector('.jdgm-form__fieldset')) { document.querySelector('.jdgm-form__fieldset').setAttribute('tabindex', '0'); var parentNode = document.querySelector('.jdgm-form'); var replaceNode = document.querySelectorAll('.jdgm-form__fieldset')[0]; var newNode = document.querySelectorAll('.jdgm-form__fieldset')[1]; parentNode.insertBefore(newNode, replaceNode); if (document.querySelector('.jdgm-form__rating')) { document.querySelector('.jdgm-form__rating').childNodes.forEach(el => { el.setAttribute('tabindex', '0'); el.addEventListener('keydown', function(event) { event.preventDefault(); if (event.keyCode === 13) { el.click(); } el.removeAttribute('tabindex'); document.querySelector('.jdgm-form__rating').childNodes.forEach(ell => { if (el != ell) { ell.setAttribute('tabindex', '0'); } }); }); }); } document.querySelectorAll('.jdgm-form__fieldset')[2].addEventListener('keyup', function() { document.querySelector('.jdgm-form__rating').childNodes[4].setAttribute('tabindex', '0'); }); document.querySelectorAll('.jdgm-form__fieldset')[0].addEventListener('keyup', function() { document.querySelector('.jdgm-form__rating').childNodes[0].setAttribute('tabindex', '0'); }); clearInterval(focusReviewTitleInput); } } // end: make review title input focusable after trigger write a review button } // end: if REVIEW WIDGET // start: if UGC WIDGET if (document.querySelector('.jdgm-ugc-media-wrapper')) { // start: set alt attribute for every UGC thumbnail to be more meaningful setInterval(function() { document.querySelectorAll('.jdgm-ugc-media__thumbnail').forEach(el => { el.setAttribute('alt', `Customer's Instagram post, this will open a pop up`); }); }, 2000); // end: set alt attribute for every UGC thumbnail to be more meaningful document.querySelector('.jdgm-ugc-media').addEventListener('click', function() { setTimeout(function() { document.querySelector('.jdgm-gallery').blur(); document.querySelectorAll('.jdgm-gallery__thumbnail').forEach(el => { el.blur(); el.removeAttribute('alt'); }); var instaPic = document.querySelector('.jm-mfp-img'); if (instaPic) { instaPic.setAttribute('alt', `Instagram's image from user ${document.querySelector('.jdgm-rev__author').innerText.replace('@','')}`); instaPic.focus(); } var instaVid = document.querySelector('.jm-mfp-iframe'); if (instaVid) { instaVid.setAttribute('alt', `Instagram's video from user ${document.querySelector('.jdgm-rev__author').innerText.replace('@','')}`); instaVid.focus(); } setTimeout(function() { document.querySelectorAll('.jdgm-gallery__thumbnail').forEach(el => { if (el.getAttribute('data-media-type') == 'image') { el.setAttribute('alt', 'Thumbnail of the Instagram image'); } else { el.setAttribute('alt', 'Thumbnail of the Instagram video'); } }); }, 2000); var closeButton = document.querySelector('.jm-mfp-close'); if (closeButton) { closeButton.addEventListener('click', function() { document.querySelector('.jdgm-ugc-media').setAttribute('tabindex', '0'); document.querySelector('.jdgm-ugc-media').focus(); }); } }, 100); }); } // end: if UGC WIDGET if (document.querySelector('.jdgm-all-reviews-widget')) { var countLoadMore = 1; document.querySelector('.jdgm-all-reviews-page__load-more').addEventListener('click', function() { setTimeout(function() { document.querySelectorAll('.jdgm-rev')[countLoadMore * 25].setAttribute('tabindex', '0'); document.querySelectorAll('.jdgm-rev')[countLoadMore * 25].focus(); countLoadMore += 1; console.log('focused'); }, 2000); }); } });

Erhalten Sie 20% Rabatt auf alle Zubehörteile bei Ihrer ersten Bestellung!

Let customers speak for us