Dostępność wordpressa: Javascript który doda aria-label do linku

Kategorie: wordpress

Strona główna » Blog » Dostępność wordpressa: Javascript który doda aria-label do linku

Narzędzie do analizy zgodności WCAG pokazuje ci, że masz na stronie puste linki? Dodaj linkom aria-label.

Poniżej przykładowy javascript, który je doda:

<script>
document.addEventListener("DOMContentLoaded", function() {
  // linki "poprzednie"
  document.querySelectorAll("a.ngg-browser-prev").forEach(function(link) {
    link.setAttribute("aria-label", "Poprzednie zdjęcie");
  });

  // linki "następne"
  document.querySelectorAll("a.ngg-browser-next").forEach(function(link) {
    link.setAttribute("aria-label", "Następne zdjęcie");
  });
});
</script>