Check that the slider can be paused

Why does it matter?

Slides that change by themselves move content away before slower readers, screen reader users and people using magnification have finished with it.

Who it affects: Deaf and hard-of-hearing people, screen reader users whose speech is drowned out by audio, and people with vestibular or attention disorders affected by motion.

What does Lumtera flag?

Sliders and carousels from known slider libraries with at least two slides. Whether they auto-play is decided by JavaScript, so each one is a tip for a person to check. A slider that appears to be set to play automatically says so.

Check ID carousel-motion — use it to filter the content report or with wp lumtera issues --rule.

How do I fix it in WordPress?

View the page and check: if the slides change by themselves, there must be a visible pause or stop button, or the movement must stop within five seconds. The simplest fix is to turn off "Autoplay" in the slider block or plugin settings. Also check the previous/next buttons and dots can be reached and used with the Tab and Enter keys (WCAG 2.1.1). If the slider only moves when a visitor clicks, and works from the keyboard, dismiss this item.

Example

<div class="swiper" data-autoplay="true">…</div>

<div class="swiper">…</div>
<button type="button">Pause slideshow</button>

How do I check the fix?

1. Update the post. The issue disappears from the Lumtera Accessibility sidebar on the next check, and from the site report on the next scan.
2. Play the page with the sound off, then with a screen reader on. Speech should be captioned, nothing should play sound by itself, and anything that moves should be stoppable.