Content
Updated by Behrokh Satarnejad 3 months ago
**As** a user using screen reader
**I want to** be informed of any dynamic changes
**so that** no context will be lost
**Acceptance criteria**
* To announce dynamic changes to users of screen readers, using aria-live is the solution. We should define an HTML element with the aria-live attribute, whenever there is a change, the screen reader should automatically announce it.
* Example, where this is implemented:
1. Creating a relation in the new relations tab
2. Date picker changes:
Aria Live readout format:
1. For any change to:
1. Scheduling mode
2. Working days only selector
3. Start date
4. Finish date
5. Duration
2. The Aria live update should read out:
1. "Date picker updated. Scheduling mode: {Manual | Automatic}, {Working days only | Including non-working days}, Start date: {date}, Finish date: {date}, Duration: {n} days"
* The concept is documented in lookbook
**I want to** be informed of any dynamic changes
**so that** no context will be lost
**Acceptance criteria**
* To announce dynamic changes to users of screen readers, using aria-live is the solution. We should define an HTML element with the aria-live attribute, whenever there is a change, the screen reader should automatically announce it.
* Example, where this is implemented:
1.
2.
Aria Live readout format:
1. For any change to:
1. Scheduling mode
2. Working days only selector
3. Start date
4. Finish date
5. Duration
2. The Aria live update should read out:
1. "Date picker updated. Scheduling mode: {Manual | Automatic}, {Working days only | Including non-working days}, Start date: {date}, Finish date: {date}, Duration: {n} days"
* The concept is documented in lookbook