Recipes & Accessibility

Homepage video rail

Horizontal carousel, 4 / 2 / 1 visible videos, 180px height, arrows and dots, autoplay enabled, and a 4500ms delay.

Sidebar playlist

Vertical carousel, 2 / 1 / 1 visible videos, autoplay disabled, arrows enabled, and compact thumbnail height.

Video library

Responsive grid, 220–260px thumbnail height, contain fit for mixed artwork, and no carousel controls.

Cinematic ticker

Horizontal carousel, Continuous Ticker enabled, dark thumbnail artwork, grayscale enabled, and a strong red or blue accent.

Accessibility checklist

• Write meaningful Thumbnail Alt Text for every video.
• Give every video a concise, unique title.
• Choose accent and border colours with sufficient contrast.
• Keep controls visible when visitors need manual navigation.
• Do not depend on autoplay to expose essential content.
• Test the carousel and popup with keyboard only.
• Test at mobile, tablet, and desktop widths before publishing.