Wk-notes-01-08-live-region-react-test-lib

Aria live region

ARIA live regions fill this gap and provide a way to programmatically expose dynamic content changes in a way that can be announced by assistive technologies.

aria-live: to define a live region

aria-atomic: if the region is treated as a whole when updated, e.g. <div>Value: <span>${value}</span></div>

Ref: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regionsarrow-up-right

Live region in React:

https://almerosteyn.com/2017/09/aria-live-regions-in-reactarrow-up-right

https://dev.to/httpjunkie/react-accessibility-2d99arrow-up-right

https://github.com/AlmeroSteyn/react-aria-livearrow-up-right

A11y react testing

https://github.com/dequelabs/react-axearrow-up-right

Enzyme vs React-text-library

Change of mindset: from focus on implementation (Enzyme) to focus on behaviour (react-test-library)

Last updated