Accessibility

ID Logo Scroller includes two accessibility features that ensure the scrolling animation respects user preferences and provides interactive control.

Reduced Motion Support

The carousel respects the prefers-reduced-motion CSS media query. If a visitor has requested reduced motion in their operating system settings (macOS, Windows, iOS, Android), the scrolling animation pauses automatically. The logos are still displayed in a static row — they simply don’t move.

This behavior requires no configuration. It is built into the plugin’s CSS:

@media (prefers-reduced-motion: reduce) {
  .id-logo-scroller__track {
    animation-play-state: paused;
  }
}

Hover to Pause

When a visitor hovers their mouse over the logo scroller, the animation pauses. This gives everyone an easy way to stop the scroll and read a logo name, examine an image, or click a link. When the mouse leaves the scroller, the animation resumes from where it stopped.

Alt Text

Each logo image is rendered with its alt text as set in the WordPress media library. Screen readers will announce each logo by its alt text as the user navigates through the content. For best accessibility, set descriptive alt text on every logo image (e.g., “Acme Corp logo” rather than leaving it blank).