Skip to content
This repository has been archived by the owner on May 24, 2024. It is now read-only.

[terra-from-single-select] - Fixes screen reader issue #4002

Merged
merged 6 commits into from
Jan 3, 2024

Conversation

PK106552
Copy link
Contributor

@PK106552 PK106552 commented Dec 26, 2023

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:

  • Fixed repeated announcement of selected item.
  • Fixed label announcing twice issue.
  • Fixed expanded combobox announcing twice issue.

Why it was changed:

  • selected item was reading twice

Testing

This change was tested using:

  • WDIO
  • Jest
  • Visual testing (please attach a screenshot or recording)
  • Other (please describe below)
  • No tests are needed

Reviews

In addition to engineering reviews, this PR needs:

  • UX review
  • Accessibility review
  • Functional review

Additional Details

This PR resolves:

UXPLATFORM-10100


Thank you for contributing to Terra.
@cerner/terra

Before fix :
Screenshot 2023-12-26 at 1 44 45 PM
Screenshot 2024-01-02 at 2 25 55 PM

After fix :
Screenshot 2023-12-26 at 1 45 33 PM

Screenshot 2024-01-03 at 11 24 54 AM

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} />}
Copy link
Contributor

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

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Updated - 66ed6d0

@github-actions github-actions bot temporarily deployed to preview-pr-4002 January 2, 2024 14:06 Destroyed
@github-actions github-actions bot temporarily deployed to preview-pr-4002 January 2, 2024 14:25 Destroyed
@@ -287,6 +288,7 @@ class Frame extends React.Component {
this.setState({
isOpen: false,
isAbove: false,
isSelect: true,
Copy link
Collaborator

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.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Updated

@github-actions github-actions bot temporarily deployed to preview-pr-4002 January 3, 2024 06:03 Destroyed
@rahulkumar8cs
Copy link

+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.

@sugan2416 sugan2416 merged commit 31760ae into main Jan 3, 2024
21 checks passed
@sugan2416 sugan2416 deleted the single_select_SR_issue branch January 3, 2024 14:58
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants