Accessibilities

validate-accessibility.js

(function() {
    var invalidElementFinders = {
        "Lists should have titles": () => Array.from(document.querySelectorAll("ul,li")).filter(el => !el.title),
        "Articles should be aria-labelledby": () => Array.from(document.querySelectorAll("article")).filter(el => !el.getAttribute("aria-labelledby")),
    }

    var validateAccessibility = function () {
        Array.from(document.querySelectorAll("*")).forEach(el => {
            el.classList.remove("is-not-accessible");
            if (el.problems) delete el.problems
        });
        Object.keys(invalidElementFinders).forEach(key => {
            var invalidElements = invalidElementFinders[key]();
            if (invalidElements.length) {
                invalidElements.forEach(el => {
                    el.classList.add("is-not-accessible");
                    el.problems = (el.problems || []).concat(key);
                });
            }
        });
    };

    setInterval(validateAccessibility, 1000);

    var style = document.createElement("style");
    style.innerHTML = ".is-not-accessible { background: pink !important; }";
    document.head.appendChild(style);

    document.addEventListener("mousedown", (ev) => {
        if (ev.button !== 1)
            return;

        var el = ev.target;
        do {
            if (el.problems) 
                console.warn(el, el.problems);
        } while (el = el.parentNode);
        return false;
    });
})();