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] Chrome + Jaws: Eye icon button : Name, role & State are not defined for Eye icon button. #8554

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

Comments

@Stutikuls
Copy link

Stutikuls commented Apr 8, 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 Payment using Tab key and press Enter to select it.
  4. Navigate to already added card using Tab key and press Enter to select it.
  5. Navigate to Make a default payment using Tab key and press Enter on it.
  6. Password screen is appearing.
  7. Navigate to Eye icon using Tab key.
  8. Observe the screen reader announcement.

Expected Result:

Name and state should be defined for the eye icon. screen reader should announce like "show password button non selected ".

Actual Result:

Name and state are not defined for eye icon. Screen reader announces "button"

Other Occurrences:
Same issue repro on PR #8173, #8493, #8970, #8970, #8876, #9101

Workaround:

Yes

Area issue was found in:

Payments

Failed WCAG checkpoints

4.1.2

User impact:

Without an accessible name and state, screen reader user will not be able to understand the purpose of the control.

Suggested resolution:

Make sure to define a valid name and state for the button, so that the screen reader announces both the name and the state of the button. Eg: Name: Show Password and State: Activated/Not Activated.

Refer to:
https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html

Platform:

  • Web

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

7929_NAme.state.is.not.defined.for.the.eye.icon.mp4
@melvin-bot melvin-bot bot added the Monthly KSv2 label Apr 11, 2022
@Stutikuls Stutikuls changed the title [med] Chrome + Jaws: Add button (+): Name, role & State are not defined for Action button (+) [med] Chrome + Jaws: Eye icon button : Name, role & State are not defined for Eye icon button. Apr 12, 2022
@melvin-bot melvin-bot bot added the Overdue label May 13, 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