-
Notifications
You must be signed in to change notification settings - Fork 72
[Terra-Date-Time-Picker] - Added visual focus dashed border and SR fix #2035
Conversation
* If invalid error text is used, provide a string containing the IDs for error html element. | ||
* ID must be htmlFor prop value with error text. | ||
*/ | ||
ariaDescribedBy: PropTypes.string, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Rename prop to something meaningful related to error message id. Since this prop was mainly introduced to announce error message. Add a11y label wherever this prop is defined.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Updated - 381aac0
@@ -861,7 +869,7 @@ const DatePickerInput = (props) => { | |||
onBlur={onBlur} | |||
onFocus={onButtonFocus} | |||
refCallback={buttonRefCallback} | |||
aria-label={`${calendarDate} ${intl.formatMessage({ id: 'Terra.datePicker.openCalendar' })}`} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If this is removed, then SR will not announce the date selected from calendar popup upon closure. This needs to discussed with a11y team. This date is to provide date context due to instant closing of calendar.
Hi rahul, Reverted selected announcement fixes and created new JIRA for that - https://jira2.cerner.com/browse/UXPLATFORM-10245 |
+1 for the a11y changes. |
Summary
What was changed:
terra-date-time-picker
example for invalid error message announcement.Why it was changed:
Testing
This change was tested using:
Reviews
In addition to engineering reviews, this PR needs:
Additional Details
This PR resolves:
UXPLATFORM-XXXX
Thank you for contributing to Terra.
@cerner/terra