Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 10, 2025 at 12:42 pm #1485277
    DianaLoola73

    Dear Support Team,

    I am currently working on improving the accessibility of our website using the Enfold theme and encountered an issue with the Easy Slider on the following page:
    https://www.schlosswirtschaft-schwaige.de/restaurant/raeumlichkeiten/
    (But it s also affecting other pages withe a slieder-element)
    When testing with Axe DevTools, two critical accessibility errors are flagged:
    Error: “Links must have discernible text”
    Elements affected:
    …
    …

    These links lack programmatically readable text for screen readers. Although the SVG icons inside the link have a <title> and <desc> tag, and the HTML includes a <span class=”avia_hidden_link_text”>Zurück</span>, Axe still reports:
    – The element has no text visible to screen readers.
    – No aria-label, aria-labelledby, or title attribute is present or correctly interpreted.
    – The element is in the tab order but has no accessible name.

    Could you please help me to find the best way to make the “previous” and “next” slide links accessible for screen readers?

    Best regards, Diana

    June 11, 2025 at 7:36 am #1485311
    Ismael

    Hey Diana,

    Thank you for the inquiry.

    Try to add this css code to make the .avia_hidden_link_text accessible but still not visible in the slider links.

    #top .avia_hidden_link_text {
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

    Another option is to add aria-label to the slider links by editing the slider template directly or with javascript. Example:

    document.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll('a.next-slide').forEach(function(link) {
    link.setAttribute('aria-label', 'Weiter');
  });
});

    Best regards,
    Ismael

    June 11, 2025 at 6:20 pm #1485336
    DianaLoola73

    Hey Ismael
    Amazing, this works perfectly!!! THANKS a lot.
    Best regards, Diana

    June 11, 2025 at 7:47 pm #1485345
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Accessibility issue (Easy Slider): Missing accessible text for navigation links’ is closed to new replies.