Skip to content

Strikes accessibility claims from CSS carousel #42681

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
chrisdavidmills merged 3 commits into from
Jan 8, 2026
Merged

Strikes accessibility claims from CSS carousel #42681

Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
837277c
Strikes accessibility claims from CSS carousel
aardrian Jan 8, 2026
d942d0b
Removing line 26 sentence
aardrian Jan 8, 2026
582500f
Update files/en-us/web/css/guides/overflow/carousels/index.md
aardrian Jan 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions files/en-us/web/css/guides/overflow/carousels/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ page-type: guide
sidebar: cssref
---

The [CSS overflow](/en-US/docs/Web/CSS/Guides/Overflow) module defines features enabling the creation of flexible and accessible pure-CSS carousels with browser-generated and developer-styled scroll buttons and scroll markers. This guide explains how to create a carousel using these features.
The [CSS overflow](/en-US/docs/Web/CSS/Guides/Overflow) module defines features enabling the creation of flexible pure-CSS carousels with browser-generated and developer-styled scroll buttons and scroll markers. This guide explains how to create a carousel using these features.

## Carousel concepts

Expand All @@ -25,11 +25,11 @@ A key feature of carousels is **pagination** — the items feel like separate pi

Carousels can be quite brittle and challenging to implement with JavaScript. They require scripts to associate scroll markers with the items they represent while continuously updating the scroll buttons to keep them operating correctly. When carousels are created using JavaScript, the accessibility of the carousel and the associated controls has to be added in.

Fortunately, we can create accessible carousels with associated controls without the use of JavaScript, using CSS carousel features.
Fortunately, we can create carousels with associated controls without the use of JavaScript, using CSS carousel features.

## CSS carousel features

The CSS carousel features provide pseudo-elements and pseudo-classes that enable the creation of carousels using only CSS and HTML, with the browser handling most of the scrolling and link references in an accessible, flexible, and consistent manner. These features are as follows:
The CSS carousel features provide pseudo-elements and pseudo-classes that enable the creation of carousels using only CSS and HTML, with the browser handling most of the scrolling and link references in a flexible and consistent manner. These features are as follows:

- {{cssxref("::scroll-button()")}}
- : Generated inside a {{glossary("scroll container")}}, these pseudo-elements represent scroll buttons, which scroll the container in a specified direction.
Expand Down