Skip to content

Conversation

@aardrian
Copy link
Contributor

@aardrian aardrian commented Jan 8, 2026

Description

Addresses incorrect or absent guidance related to accessible names in the Creating CSS carousels guide.

Motivation

Devs are starting to try to implement these and creating WCAG violations without realizing it because this, along with lots of promotion in dev sites, wrongly claims these are "accessible" (without qualifying how or in what way).

Additional details

Recent evidence of their baseline inaccessibility: https://www.sarasoueidan.com/blog/css-carousels-accessibility/

Related issues and pull requests

Fixes #39125

@aardrian aardrian requested a review from a team as a code owner January 8, 2026 15:31
@aardrian aardrian requested review from estelle and removed request for a team January 8, 2026 15:31
@github-actions github-actions bot added Content:CSS Cascading Style Sheets docs size/s [PR only] 6-50 LoC changed labels Jan 8, 2026
@github-actions
Copy link
Contributor

github-actions bot commented Jan 8, 2026

Preview URLs

Flaws (1)

URL: /en-US/docs/Web/CSS/Guides/Overflow/Carousels
Title: Creating CSS carousels
Flaw count: 1

  • unknown:
    • Error parsing /shared-assets/images/diagrams/css/carousels/carousel.svg: No such file or directory (os error 2)
External URLs (1)

URL: /en-US/docs/Web/CSS/Guides/Overflow/Carousels
Title: Creating CSS carousels

(comment last updated: 2026-01-09 14:12:34)

Accidentally wiped a `content: "";` and have restored it.
Copy link
Member

@estelle estelle left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good. Thank you. i made some linking, i18l, and future-proofing suggestions.

I didn't reference images because the example used a symbol, not an image. That said, happy to use this language. I expect readers will understand the difference.

Co-authored-by: Estelle Weyl <[email protected]>
@aardrian
Copy link
Contributor Author

aardrian commented Jan 9, 2026

@estelle Thanks for the edits. All accepted.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Content:CSS Cascading Style Sheets docs size/s [PR only] 6-50 LoC changed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

css carousels example lacks accessible names for scroll markers

3 participants