Skip to content
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

[med] : Many pages: Chrome + Jaws : Screen reader is not announcing the name of the pop-up dialogue box. #8530

Closed
Stutikuls opened this issue Apr 7, 2022 · 1 comment

Comments

@Stutikuls
Copy link

Stutikuls commented Apr 7, 2022

Action Performed:

  1. Using Chrome, open URL staging.new.expensify.com
  2. Navigate to Setting using Tab key and press Enter to select it.
  3. Navigate to any workspace using Tab key and press using Enter to select it.
  4. Navigate to More button using Tab key and press Enter on it.
  5. Navigate to Delete workspace control using Tab key and press Enter on it.
  6. Observe the screen reader announcement.

Expected Result:

Screen reader should announce the name of the pop-up dialogue box as soon as it appears on the page. Screen reader should read like "Delete dialogue, are you sure you want to delete" after expanding the delete popup.

Actual Result:

Screen reader is not announcing the name of the pop-up dialogue box. Screen reader is reading "Dialogue delete".

Other occurrences
Same issue also repro on #8632, #9093

Workaround:

Yes

Area issue was found in:

Delete popup

Failed WCAG checkpoints

4.1.2

User impact:

Name is the fundamental attribute for accessibility. In the absence of correct name of the UI element, the user's dependence with screen reader won't be able to interact with the UI efficiently.

Suggested resolution:

Define a unique id on the

containing the popup title and use aria-labelledby on the container of the popup modal (ex., aria-labelledby� to associate the title with the popup modal so it is announced when it opens. Also add role=dialogue to the popup container.
Refer to: https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/dialog.html

Platform:

  • Web
  • Desktop App

**Version Number: **v1.1.49-1
Reproducible in staging?: Yes
Reproducible in production?: Yes
Notes/Photos/Videos: Any additional supporting documentation
Issue reported by: Stuti

7956_On.expanded.window.mp4
@Stutikuls Stutikuls changed the title [med] : Many pages: Chrome : Screen reader is not announcing the name of the pop-up dialogue box. [med] : Many pages: Chrome + Jaws : Screen reader is not announcing the name of the pop-up dialogue box. Apr 8, 2022
@melvin-bot melvin-bot bot added the Monthly KSv2 label Apr 11, 2022
@melvin-bot melvin-bot bot added the Overdue label May 26, 2022
@melvin-bot melvin-bot bot closed this as completed Jun 24, 2022
@melvin-bot
Copy link

melvin-bot bot commented Jun 24, 2022

@Stutikuls, this Monthly task hasn't been acted upon in 6 weeks; closing.

If you disagree, feel encouraged to reopen it -- but pick your least important issue to close instead.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant