landbryo
12/12/2019 - 7:01 PM

Add Accessibility to Beaver Builder's Power Pack Post Grid

The Beaver Builder Power Pack Post Grid has empty links which are flagged for accessibility. This function maps the post's title to an aria label.

pp_post_grid_a11y.js
content_copyfile_download
function ppPostAria() {
    let links = document.querySelectorAll('.pp-post-link');
    let titles = document.querySelectorAll('.pp-content-grid-title');

    for (let i = 0; i < links.length; i++) {
        let title = titles[i].innerText;
        links[i].setAttribute('aria-label', title);
    }
}

if (document.querySelectorAll('.pp-content-post-grid').length !== 0) {
    ppPostAria();
}