Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Remove aria-live="polite" when slider is not focused

See original GitHub issue

.slick-list has aria-live="polite" on it, which tells screen readers to speak the content inside whenever it changes. This is great for the most part, but not ideal when you’re not interacting with the slider.

For example, imagine a screen reader scrolling down the page, past the slider, and still having the slide content read to them because aria-live exists on the element. It would be confusing to say the least.

I propose removing the aria attribute unless an element inside the slider is focused.

Issue Analytics

State:
Created 8 years ago
Comments:10 (1 by maintainers)

Top GitHub Comments

1reaction

JordanDDischcommented, Apr 14, 2017

PR to remove aria live #2843

0reactions

csholdcommented, Nov 19, 2019

Closed by https://github.com/kenwheeler/slick/pull/2843

Top Results From Across the Web

ARIA live regions - Accessibility - MDN Web Docs - Mozilla

aria -live="polite" indicates that the screen reader should wait until the user is idle before presenting updates to the user. This is the...

Developers - Remove aria-live="polite" when slider is not focused -

.slick-list has aria-live="polite" on it, which tells screen readers to speak the content inside whenever it changes. This is great for the most...

Using Aria-live - CCC Accessibility Center

The first one is aria-live="off." Assistive technologies should not announce updates unless the assistive technology is currently focused on that region.

Hiding and updating content - web.dev

When an element has an aria-live attribute, the part of the page containing it and its descendants is called a live region.

Using aria-live - AccessibilityOz

drag and drop, resize, hide. and show, open and shut, ... build non-native widgets,. such as modems, in page tabs, ... div aria...