Accessibility Issues

  • Hello,

    Thank you for creating a great slider plugin for Gutenberg editor!

    We’ve tested Gutenslider plugin for use on our website (which requires WCAG 2.0 conformance for accessibility). Overall, the plugin is excellent and works great! I did notice a couple of accessibility issues:

    Slide navigation (previous and next buttons) are missing a keyboard focus outline.

    Gutenslider slideshows are missing an ARIA-live attribute (i.e. aria-live= polite) to alert users to dynamic content.

    The CSS issue is an easy fix, but I did not see any options to customize the slider source.

    Thanks.

    -Trip

    • This topic was modified 1 year, 11 months ago by triprems.
    • This topic was modified 1 year, 11 months ago by triprems.
    • This topic was modified 1 year, 11 months ago by triprems.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter triprems

    (@triprems)

    Hello,

    Thanks again for providing a great plugin for the WordPress community! I’m wondering if you had a chance to review my support request?

    Any advice you could offer to customize the Gutenslider block for keyboard accessibility would be greatly appreciated!

    Thanks!

    -Trip

    Plugin Contributor Gutenberg Slider

    (@gutenbergslider)

    Hello @triprems,

    thanks for your posts, and sorry for the late reply. You can find the frontend (user facing) code dom in src/blocks/gutenslider/block-front.php.

    Is it enough to add aria-live="polite” to the outermost div to resolve your issue?

    Thread Starter triprems

    (@triprems)

    Hello,

    No problem. Thanks for the information!

    I would recommend adding the aria-live attribute (aria-live=polite) to the container Div (ID – swiper-wrapper-#).

    Here is a sample carousel on the W3C website for reference: https://www.w3.org/WAI/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/ . Please note that they have included a pause button to allow users to stop the auto-play carousel.

    Please let me know if you have any questions, or if you need more information.

    Thanks,

    -Trip

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Accessibility Issues’ is closed to new replies.