# 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)