coreui/coreui-angular

Accessibility option - add Pause capability to Carousel by keyboard/user interaction not by mouse

baloo32 opened this issue · 6 comments

The Carousel is great but it's use fails a Web Content Accessibility Guidelines (WCAG) 2 Level AA Conformance accessibility review due to the inability to programmatically pause the carousel outside of on mouse hover.

If you set the interval value to 0, the code doesn't ever recheck the value if it is subsequently changed to a positive value again, so while it is possible to stop the transitions, there is no way to restart them?

@baloo32 Thanks for the heads-up!

  • Fixed in 5.3.12
    Please let us know if this works for you. If not, reopen the issue.

Unfortunately after setting interval to 0, resetting back doesn't restart the timer.

Image
Screen above shows interval setting (2000 - 2 seconds).

Clicking Pause sets the interval value to 0. Carousel does pause (sometimes, not everytime it advances one more slide before pausing).

Image

Clicking Pause again resets the interval value back to 2000 however it doesn't resume transitions.

Image

Image

Don't have permissions to reopen this issue...

Thx

So I can see on puase it resets the timer; however on unpause, when it calls setTimer the check for the interval value is pulled from this.activeItemInterval which is set as 0 (and not updated from the intial config interval).

Image

@xidedix sorry, can't reopen this issue - no permission.

@baloo32, it should work with version 5.3.14. Please let us know if the issue persists.

Hi; yes just updated to 5.3.14 and the "unpause" now works as expected.

Many thanks!