JavaScript Element ariaLabelledByElements Property

const inputElement = document.querySelector("input");

if ("ariaLabelledByElements" in Element.prototype) {
  const labelElements = inputElement.ariaLabelledByElements;
  const text = labelElements.map((e) => e.textContent.trim()).join(" ");
  console.log("Accessible name:", text.trim());
} else {
  console.log("ariaLabelledByElements not supported");
}

const input = document.querySelector("input");
const a = document.getElementById("a");
const b = document.getElementById("b");

if ("ariaLabelledByElements" in Element.prototype) {
  input.ariaLabelledByElements = [a, b];
  console.log(
    "attr after set:",
    input.getAttribute("aria-labelledby")
  ); // null / cleared
}

const ok = "ariaLabelledByElements" in Element.prototype;
console.log(
  ok
    ? "ariaLabelledByElements is supported"
    : "use aria-labelledby / <label> fallback"
);