Skip to content

Conversation

@dhayab
Copy link
Member

@dhayab dhayab commented Dec 4, 2025

Summary

This PR inserts an ARIA live region in the input wrapper, that helps screen reader know and announce when results change due to user interaction.

CR-9975

@codesandbox-ci
Copy link

codesandbox-ci bot commented Dec 4, 2025

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 079b6b2:

Sandbox Source
@algolia/autocomplete-example-github-repositories-custom-plugin Configuration
@algolia/autocomplete-example-instantsearch Configuration
@algolia/autocomplete-example-playground Configuration
@algolia/autocomplete-example-preview-panel-in-modal Configuration
@algolia/autocomplete-example-starter-algolia Configuration
@algolia/autocomplete-example-starter Configuration
@algolia/autocomplete-example-reshape Configuration
@algolia/autocomplete-example-vue Configuration

@Haroenv
Copy link
Contributor

Haroenv commented Dec 4, 2025

I don't think all the search results should be in a live region, but instead just a small bit of text, like https://github.com/alphagov/accessible-autocomplete/blob/96bf629a2c02b98bbd924dbc575692730e5789ee/src/status.js#L118

});

const inputLiveRegion = createDomElement('div', {
ariaLive: 'assertive',
Copy link
Contributor

Choose a reason for hiding this comment

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

in UK gov, this is "polite"

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants