Check that the slider can be paused

Why it matters

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 Lumtera flags

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 review item.

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

How to 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 to check your fix

1. Update the post. The issue disappears from the 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.