Accessibility issue: aria-label needed on carousel wrapper

  • crostini

    (@crostini)


    4 months, 1 week ago

    An Allyant accessibility audit found the following issue, and I’m wondering if it could be addressed.

    Issue: It is not clear to screen reader users where the carousel begins or ends.

    Fix: Wrap the carousel in either a <section> or a <div role="region"> tag. Be sure to add an aria-label containing the word “carousel” to this wrapper element. When there are multiple carousels on a page, ensure that each has a unique aria-label.

    Thank you for your consideration!

You must be logged in to reply to this topic.