Skip to content

Add carousel aria attributes to highlights container - #15389

Merged
domlander merged 2 commits into
mainfrom
doml/highlights-carousel-accessibility
Feb 18, 2026
Merged

domlander merged 2 commits into
mainfrom
doml/highlights-carousel-accessibility

Conversation

@domlander

@domlander domlander commented Feb 18, 2026

Copy link
Copy Markdown
Contributor

What does this change?

Adds aria attributes to the Slideshow Carousel component.

Why?

Better accessibility when using a screen reader.

Extends #15365

Screenshares

Before

Screen.Recording.2026-02-18.at.15.44.45.mov

After

Screen.Recording.2026-02-18.at.15.43.16.mov

size="small"
disabled={!previousButtonEnabled}
aria-label="View next image in slideshow"
aria-label="Previous image"

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

These were the wrong way around

@domlander domlander Feb 18, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

We don't need "slideshow" any more, now that the user will know they are inside a slideshow following #15365

@github-actions

github-actions Bot commented Feb 18, 2026

Copy link
Copy Markdown

aria-label="Highlights"
aria-live="polite"
>
<ul

@domlander domlander Feb 18, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

I think an unordered list makes more sense here. Google seem to prefer it.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

@domlander domlander self-assigned this Feb 18, 2026
@domlander domlander added run_chromatic Runs chromatic when label is applied fronts + curation maintenance Departmental tracking: maintenance work, not a fix or a feature labels Feb 18, 2026
@domlander
domlander marked this pull request as ready for review February 18, 2026 16:03
@domlander domlander changed the title Add carousel attributes to highlights container Add carousel aria attributes to highlights container Feb 18, 2026
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Feb 18, 2026
@domlander
domlander merged commit 18b7b89 into main Feb 18, 2026
39 checks passed
@domlander
domlander deleted the doml/highlights-carousel-accessibility branch February 18, 2026 17:33
@gu-prout

gu-prout Bot commented Feb 18, 2026

Copy link
Copy Markdown

Seen on PROD (merged by @domlander 8 minutes ago) Please check your changes!

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

Labels

fronts + curation maintenance Departmental tracking: maintenance work, not a fix or a feature Seen-on-PROD

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants