Some elements are missing a label for screen readers

  • Resolved rw71

    (@rw71)


    2 weeks, 5 days ago

    On the lesson screen, the “Search for course content” form in the sidebar has a submit button, which appears as a magnifying glass icon (inserted via CSS). When a screen reader focuses on this button it cannot inform the user of the button’s purpose, because there is no text label.

    <form method="post" class="search-course">
      <input type="text" name="s" autocomplete="off" placeholder="Search for course content">
      <button name="submit"></button>
      <button type="button" class="clear"></button>
    </form>

    Also on the lesson screen, there’s an anchor tag with an X icon that’s used to close the lesson (or go back to the course overview). This anchor tag requires a label for screen readers for the same reason.

    <a  class="back-course"><i class="lp-icon-times"></i></a>

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support brianvu-tp

    (@briantp)

    Hi rw71,

    Thank you for reaching out and providing such detailed feedback regarding the accessibility of the search button and the close icon on the lesson screen.

    As you pointed out, the search button and the close icon are currently displayed using CSS-applied font icons.

    We will review the implementation and determine if we can incorporate accessible labels for these elements in a future LearnPress update. We will keep you informed of any progress.

    Thank you for bringing this to our attention.

    Best regards,
    Brianvu-tp

    Thread Starter rw71

    (@rw71)

    Thank you for the quick reply, and for looking into this.

    Plugin Support brianvu-tp

    (@briantp)

    Hi rw71,

    Thank you for your patience!

    We’ve addressed the accessibility issues you raised regarding the search button and close icon in the latest LearnPress update. Please update to the newest version and let us know if the changes resolve the issue for you.

    Best regards,
    Brianvu-tp

    Thread Starter rw71

    (@rw71)

    Yes, I see that the issue has been resolved in version 4.2.8.1.

    Thanks again!

    Plugin Support brianvu-tp

    (@briantp)

    Hi rw71,

    We are glad to hear that you found the solution useful!

    If you are satisfied with LearnPress, we would greatly appreciate it if you could leave us a 5-star review. A nice rating is a big motivation for us to keep up the hard work, and it’s really important to us.

    Thank you very much for your feedback.

    Best regards,
    Brianvu-tp

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.