You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Now the global toast list is just a div, while it should be an aria-live region.
Since it is, the screen reader will detect live region one the component is loaded, and then detect any changes inside the live region.
Simply including an aria-live attribute or a specialized live region role (such as role="alert") in the initial markup as it's loaded will have no effect.
It's true, the current implementation doesn't work with NVDA, for instance.
Also:
Dynamically adding an element with an aria-live attribute or specialized role to the document also won't result in any announcement by assistive technologies
They suggest that it should be implemented like Always make sure that the live region is present in the document first, and only then dynamically add/change any content.
I'm making a PR that aims to add that attribute to the component.
I've tested that with NVDA, please subscribe and have a look by the link I'm providing a little bit later.
Hello
Now the global toast list is just a div, while it should be an aria-live region.
Since it is, the screen reader will detect live region one the component is loaded, and then detect any changes inside the live region.
MDN provides explanation:
It's true, the current implementation doesn't work with NVDA, for instance.
Also:
They suggest that it should be implemented like Always make sure that the live region is present in the document first, and only then dynamically add/change any content.
I'm making a PR that aims to add that attribute to the component.
I've tested that with NVDA, please subscribe and have a look by the link I'm providing a little bit later.
Relative issues and PR:
aria-live="assertive"to EuiToasts Addaria-live="assertive"to EuiToasts #583cc @cchaos @snide