User Story
As a developer or editor using the Solid Design System
I want to configure the delay between autoplay transitions in the sd-carousel
So that I can adjust the timing to meet accessibility requirements and optimize readability for different content types
##Context (CMS)
During an accessibility review of the carousel with autoplay used in the Super Teaser, we identified that the current transition speed is too fast for users to comfortably read and process large content blocks. Adding configurable delay options will improve flexibility and compliance with WCAG 2.2 accessibility guidelines.
The carousel already supports a fade attribute for single-slide transitions.
Suggested Solution
Add a delay attribute to sd-carousel that accepts any numeric value (in seconds)
The attribute controls the time between autoplay transitions, not the animation duration itself.
Provide documentation with recommended delay values as examples:
Fast: 5s
Medium: 7s
Slow: 10s
Very slow: 12s
Ensure the implementation avoids hardcoded values, allowing flexibility for CMS implementations and custom use cases
Update component documentation to clarify the distinction between animation duration and transition delay
DoR
DoD
User Story
As a developer or editor using the Solid Design System
I want to configure the delay between autoplay transitions in the sd-carousel
So that I can adjust the timing to meet accessibility requirements and optimize readability for different content types
##Context (CMS)
During an accessibility review of the carousel with autoplay used in the Super Teaser, we identified that the current transition speed is too fast for users to comfortably read and process large content blocks. Adding configurable delay options will improve flexibility and compliance with WCAG 2.2 accessibility guidelines.
The carousel already supports a fade attribute for single-slide transitions.
Suggested Solution
Add a delay attribute to sd-carousel that accepts any numeric value (in seconds)
The attribute controls the time between autoplay transitions, not the animation duration itself.
Provide documentation with recommended delay values as examples:
Fast: 5s
Medium: 7s
Slow: 10s
Very slow: 12s
Ensure the implementation avoids hardcoded values, allowing flexibility for CMS implementations and custom use cases
Update component documentation to clarify the distinction between animation duration and transition delay
DoR
DoD