Content
View differences
Updated by Behrokh Satarnejad about 1 year ago
### Acceptance criteria
* For screen readers, we will only target manual date input using the Start date, Finish date and Duration input fields, not the Flatpickr-based mini-calendar.
* When changing switch from manual to automatic, or vice-versa, the banner info should be read out by screen reader
* 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
* Today links under the input fields on the date picker (start date, finish date, duration) should have `aria-live="polite"` attribute. Start/Finish dates:
Whenever you change any input, other updated fields * We should be read out by the screen reader: for example, if you change the duration, finish date will be changed add an ARIA label that explains context, e.g. "Select today as well. In this case, the value of Finish date should be read out by the screen reader start date." or "Select today as well.
<img class="image_resized op-uc-image op-uc-image_inline" style="width:494px;" src="/api/v3/attachments/417079/content">
finish date".
#### 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> ###61434
*
*
* When
So
* Today links under
Whenever you change any input, other updated fields
<img class="image_resized op-uc-image op-uc-image_inline" style="width:494px;" src="/api/v3/attachments/417079/content">
* 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>