Content Carousel Demo

About This Demo

This carousel contains rich HTML content cards with headings, text, and call-to-action buttons. The a11y-carousel handles complex slide content by sanitizing HTML and proxying click events from the accessible modal back to the original interactive elements.

Content Card Carousel

⚠ No Keyboard Support

🔎

Automated Scanning

Scan your entire website for WCAG 2.1 AA violations in minutes. Get actionable reports with prioritized fixes.

⚡

Instant Fixes

Apply accessibility fixes in real-time without touching your codebase. Works with any framework or CMS.

📈

Compliance Dashboard

Track your accessibility progress across all properties with real-time metrics and trend analysis.

🎓

WCAG Training

Self-paced courses on web accessibility best practices. Get certified and build more inclusive products.

Portal Component Fixes Code

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

fixCarousel('#content-carousel-1', '.content-slide') .carouselLabel('Featured Products')

How to Test (after AE JS is loaded)

Press Tab to reach the accessible carousel trigger button.
Press Enter to open the carousel modal. The content cards are rendered with their full HTML including links.
Use ← / → to navigate between slides.
Click a button (e.g. "Learn More") inside a slide — the click is proxied to the original element on the page.
Press Escape to close the modal.