/* Accesibilidad WCAG 2.1 AA. Lo que no se puede resolver con CSS ni con los
ajustes de Avada. Va en el pie, que se pinta en todas las paginas.
El id lleva la marca «nbgroup-accesibilidad», que es la que excluye este
script del retraso de JavaScript de WP Rocket: si se retrasara no se
ejecutaria hasta que el visitante interactuase, y para quien usa un lector
de pantalla eso equivale a no ejecutarse nunca. */
(function () {
var GEN = /^(leer m[aá]s|read more|ler mais|lire la suite|m[aá]s|more)$/i;
function tituloDe(el) {
var c = el, h = null, v = 0;
while (c && v < 6 && !h) {
c = c.parentElement ? c.parentElement.closest('li,article,.fusion-layout-column,.fusion-post-card') : null;
if (c) { h = c.querySelector('h1,h2,h3,h4,h5,.fusion-post-card-title'); }
v++;
}
return h && h.textContent ? h.textContent.replace(/\s+/g, ' ').trim() : '';
}
function pasada() {
/* 9.1.1.1 imagenes decorativas que Avada inyecta sin atributo alt */
document.querySelectorAll('img.fusion-empty-dims-img-placeholder:not([alt])').forEach(function (i) {
i.setAttribute('alt', '');
i.setAttribute('aria-hidden', 'true');
});
/* 9.2.4.4 y 9.4.1.2 el enlace que envuelve la tarjeta solo contiene una
imagen de fondo: se le da el titulo de la tarjeta, que es su destino */
document.querySelectorAll('a.fusion-column-anchor:not([aria-label])').forEach(function (a) {
if ((a.textContent || '').trim()) { return; }
var t = tituloDe(a);
if (t) {
a.setAttribute('aria-label', t);
} else {
a.setAttribute('aria-hidden', 'true');
a.setAttribute('tabindex', '-1');
}
});
/* 9.2.4.4 los botones que solo dicen «Leer mas» reciben el titulo */
document.querySelectorAll('a.fusion-button:not([aria-label]),a.more-link:not([aria-label])').forEach(function (a) {
var t = (a.textContent || '').replace(/\s+/g, ' ').trim();
if (!GEN.test(t)) { return; }
var ti = tituloDe(a);
if (ti) { a.setAttribute('aria-label', t + ': ' + ti); }
});
/* 9.2.5.3 el nombre accesible tiene que contener el texto visible */
document.querySelectorAll('a[aria-label],button[aria-label]').forEach(function (a) {
if (a.id === 'acc-video-pausa') { return; }
var tx = (a.innerText || '').replace(/\s+/g, ' ').trim();
var al = (a.getAttribute('aria-label') || '').trim();
if (!tx || !al) { return; }
if (al.toLowerCase().indexOf(tx.toLowerCase()) === -1) {
a.setAttribute('aria-label', tx + '. ' + al);
}
});
/* 9.2.2.2 el video de fondo se reproduce solo y en bucle 28 s: hace falta
poder detenerlo. El boton cuelga del con position:fixed, porque
dentro del hero quedaba tapado por el contenedor siguiente y no se podia
pulsar. Solo se muestra mientras el video esta en pantalla. */
var v = document.querySelector('.fullwidth-video video');
if (v && !document.getElementById('acc-video-pausa')) {
var b = document.createElement('button');
b.id = 'acc-video-pausa';
b.type = 'button';
b.textContent = 'Pausar el vídeo de fondo';
b.setAttribute('aria-pressed', 'false');
b.style.cssText = 'position:fixed;bottom:20px;left:20px;z-index:999999;' +
'background:#010416;color:#ffffff;border:2px solid #ffffff;border-radius:6px;' +
'padding:10px 16px;font-size:14px;line-height:1.2;cursor:pointer;' +
'font-family:inherit;box-shadow:0 2px 10px rgba(0,0,0,0.5);';
b.addEventListener('click', function () {
if (v.paused) {
v.play();
b.textContent = 'Pausar el vídeo de fondo';
b.setAttribute('aria-pressed', 'false');
} else {
v.pause();
b.textContent = 'Reproducir el vídeo de fondo';
b.setAttribute('aria-pressed', 'true');
}
});
document.body.appendChild(b);
/* se oculta cuando el video ya no esta a la vista */
if ('IntersectionObserver' in window) {
new IntersectionObserver(function (e) {
b.style.display = e[0].isIntersecting ? 'block' : 'none';
}, { threshold: 0.05 }).observe(v);
}
}
}
if (document.readyState !== 'loading') { pasada(); }
document.addEventListener('DOMContentLoaded', pasada);
window.addEventListener('load', function () { pasada(); setTimeout(pasada, 900); setTimeout(pasada, 2000); });
})();