Image Carousel Demo - A11y Demos

About This Demo

A typical auto-playing image carousel. It auto-advances every 4 seconds and provides only mouse-clickable prev/next buttons and dots — no keyboard controls, no pause, no screen reader announcements. When AE JS loads, the a11y-carousel component adds a trigger button that opens a modal with full keyboard navigation.

Auto-Playing Image Carousel

⚠ No Keyboard Support

Web Accessibility Scanning

Automated detection of WCAG violations across your entire site.

Real-Time Remediation

Fix accessibility issues instantly without changing your source code.

Compliance Reporting

Generate detailed VPAT and compliance reports automatically.

Mobile Testing

Test accessibility across all devices and screen sizes.

Dramatic cloudy sky over a mountain range

Expert Audits

Professional accessibility audits by certified WCAG experts.

Portal Component Fixes Code

Copy the code below into the AudioEye portal backend tool for this page.

fixCarousel('#carousel-1', '.carousel-slide') .carouselLabel('Product Features')

How to Test (after AE JS is loaded)

Press Tab to reach the accessible carousel trigger button that appears before the carousel.
Press Enter to open the accessible carousel modal.
Use ← and → arrow keys to navigate between slides.
A screen reader will announce the current slide number (e.g. "Slide 2 of 5").
Press Escape to close the modal.
Focus returns to the trigger button after closing.