Content
View differences
Updated by Behrokh Satarnejad about 1 year ago
### Acceptance criteria
* When you enter a date or a duration, this updates other fields; this has to be read by the screen reader too, so the user doesn't lose that context.
So the input fields on the date picker (start date, finish date, duration) should have `aria-live="polite"` attribute.
* Whenever you change any input, other updated fields should be read out by the screen reader using the format below.
* For example, if you change the duration, finish date will be changed as well. In this case, the value of Finish date should be read out by the screen reader as well.
* Aria Live readout format:
* For any change to:
* Scheduling mode
* Working days only selector
* Start date
* Finish date
* Duration
* The Aria live update should read out:
* "Date picker updated. Scheduling mode: {Manual | Automatic}, {Working days only | Including non-working days}, Start date: {date}, Finish date: {date}, Duration: {n} days"
<img class="image_resized op-uc-image op-uc-image_inline" style="width:494px;" src="/api/v3/attachments/417079/content">
#### Out of scope
* Mobile behavior: ###61051
* The native date picker is accessible. Users on mobile devices will use the device-specific aids and not type out the date as they would on desktop.
* In-line error when users pick non-working days: <mention class="mention" data-id="61434" data-type="work_package" data-text="###61434">###61434</mention>
#### Technical points
I'm using VoiceOver on mac
<br>
* When you enter a date or a duration, this updates other fields; this has to be read by the screen reader too, so the user doesn't lose that context.
So the input fields on the date picker (start date, finish date, duration) should have `aria-live="polite"` attribute.
* Whenever you change any input, other updated fields should be read out by the screen reader using the format below.
* For example, if you change the duration, finish date will be changed as well. In this case, the value of Finish date should be read out by the screen reader as well.
* Aria Live readout format:
* For any change to:
* Scheduling mode
* Working days only selector
* Start date
* Finish date
* Duration
* The Aria live update should read out:
* "Date picker updated. Scheduling mode: {Manual | Automatic}, {Working days only | Including non-working days}, Start date: {date}, Finish date: {date}, Duration: {n} days"
#### Out of scope
* Mobile behavior: ###61051
* The native date picker is accessible. Users on mobile devices will use the device-specific aids and not type out the date as they would on desktop.
* In-line error when users pick non-working days: <mention class="mention" data-id="61434" data-type="work_package" data-text="###61434">###61434</mention>
#### Technical points
I'm using VoiceOver on mac
<br>