-
Notifications
You must be signed in to change notification settings - Fork 166
[terra-from-single-select] - Fixes screen reader issue #4002
Conversation
className={cx('visually-hidden-component')} | ||
ref={this.visuallyHiddenComponent} | ||
/> | ||
{(!this.state.isSelect || this.state.isOpen) && <span aria-live={SharedUtil.isSafari() ? 'polite' : 'off'} className={cx('visually-hidden-component')} ref={this.visuallyHiddenComponent} />} |
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.
I think we need to check only for open state isOpen
here. since instruction is read twice when drop-down is closed
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 - 66ed6d0
@@ -287,6 +288,7 @@ class Frame extends React.Component { | |||
this.setState({ | |||
isOpen: false, | |||
isAbove: false, | |||
isSelect: true, |
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.
Unused var can be removed.
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
+1 The issue mentioned in the PR about the label getting announced twice and the expanded/collapsed state getting exposed twice is fixed for JAWS. It is getting exposed as expected. |
Summary
Previously we are getting few SR announcement issues. one is label announcing twice and second one is expanded combobox announcing twice and another one is selected label reading twice. With this PR we have fixed those SR issues.
What was changed:
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-10100
Thank you for contributing to Terra.
@cerner/terra
Before fix :


After fix :
