Scrollable element is not keyboard accessible

  • Hello,

    I am running an accessibility report on the Store Locator plugin page and I am getting the notification Scrollable element is not keyboard accessible. This is for the tag div?#wpsl-stores. The suggested solution is the following:

    <section style="height: 100px; width: 500px; overflow: scroll;" tabindex="0"> <h1>WCAG 2.1 Abstract</h1> <p> Web Content Accessibility Guidelines (WCAG) 2.1 covers a wide range of recommendations for making Web content more accessible... Following these guidelines will also often make web content more usable to users in general. </p> </section>

    Can anyone tell me how to make this accessible?

    Thanks,

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Thank you for reaching out and sharing your feedback.

    If you encounter accessibility issues with the search results list, one potential solution could be to create a custom template that includes the necessary accessibility features. WP Store Locator is highly customizable, and you can build your own store listing template using the wpsl_listing_temmplate filter.

    In this custom template, you can add accessibility attributes directly into the HTML markup, such as those recommended in this article I found online.

    We are currently working on a major new version of WP Store Locator, so your feedback is very valuable. I’ll pass along your suggestion to our development team to ensure improved accessibility in future releases.

    Best regards,

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