Skip to content
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.

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

aria-live="polite" should be an option to select. #24

Open
asirihewage opened this issue Sep 1, 2021 · 0 comments
Open

aria-live="polite" should be an option to select. #24

asirihewage opened this issue Sep 1, 2021 · 0 comments

Comments

@asirihewage
Copy link

During accessibility audits, the recommended value for the aria-live attributes was 'assertive'. So, better if we can set aria-live="" as an option. Then developers can choose the Ally-priority of the alert.

<div role="alert">
      <TransitionGroup className="alertList" aria-live="polite" component="ul">
        {_renderAlert(alertList, handleClose)}
      </TransitionGroup>
 </div>

FYI:
aria-live="polite" Any updates made to this region should only be announced if the user is not currently doing anything. live="polite" should be used in most situations involving live regions that present new information to users, such as updating news headlines. -

aria-live="assertive" Any updates made to this region are important enough to be announced to the user as soon as possible, but it is not necessary to immediately interrupt the user. live="assertive" must be used if there is information that a user must know about right away, for example, warning messages in a form that does validation on the fly.

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

No branches or pull requests

1 participant