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_Regions

Live region in React:

https://almerosteyn.com/2017/09/aria-live-regions-in-react

https://dev.to/httpjunkie/react-accessibility-2d99

https://github.com/AlmeroSteyn/react-aria-live

A11y react testing

https://github.com/dequelabs/react-axe

Enzyme vs React-text-library

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