document.addEventListener("DOMContentLoaded", function () {
// Target each individual card inside your loop grid
const panelistCards = document.querySelectorAll('.panelist-detail-row');
panelistCards.forEach(card => {
// 1. Locate the panelist's name inside this specific card
// Note: Change '.elementor-heading-title' if your name uses a different widget/class
const nameElement = card.querySelector('.elementor-heading-title');
if (nameElement) {
const name = nameElement.textContent.trim();
// 2. Find the email link inside this card (looks for mailto:)
const emailLink = card.querySelector('a[href^="mailto:"]');
if (emailLink) {
emailLink.setAttribute('aria-label', `Email ${name}`);
}
// 3. Find the phone link inside this card (looks for tel:)
const phoneLink = card.querySelector('a[href^="tel:"]');
if (phoneLink) {
phoneLink.setAttribute('aria-label', `Call ${name}`);
}
}
});
});
