-
Notifications
You must be signed in to change notification settings - Fork 77
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix: improve screen reader instructions for DatePicker #1166
Conversation
Deploy preview for fundamental-react ready! Built with commit 4a895e5 |
@@ -166,6 +167,7 @@ class Calendar extends Component { | |||
|
|||
this.setState({ | |||
currentDateDisplayed: newDate, | |||
screenReaderText: this.props.localizedText.dayInstructions, |
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.
Should this be monthInstructions
and the one below be yearInstructions
?
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.
This is upon selection, so this is when it switches back to the day view.
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.
Ah ok I see it now.
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.
QA'd, announcements are correct (with already noted Chrome bug)
Description
'assertive'
aria-live
region on header, and instead use polite region for all announcements. This ensures the initially-focused date is read out and the previous/next buttons aren't unexpectedly read when opening the calendar.Testing