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

[High] Chrome+JAWS: Keyboard: 'Mark as unread' and 'Delete comment' controls are not accessible using the keyboard. #8413

Closed
SumitDiyora opened this issue Mar 31, 2022 · 1 comment

Comments

@SumitDiyora
Copy link

SumitDiyora commented Mar 31, 2022

Action Performed:

  1. Using Chrome+JAWS, open URL: staging.new.expensify.com
  2. Navigate to any of the chats with the attached image and hard press on the image.
  3. Observe 'Mark as unread' and 'Delete comment' controls are accessible using the keyboard or screen reader users.

Expected Result:

Keyboard should be accessible for 'Mark as unread' and 'Delete comment' controls.

Actual Result:

'Mark as unread' and 'Delete comment' controls can be activated using a mouse but it's not activated using the keyboard.

Other Occurrences:

Similar type of issue repro on PRs #8195, #8117, #8340, #8443, #8585, #8672, #8815, #9025, #9026, #8569, #9031 for 'Copy to clipboard' and 'Edit comment' controls.
Similar type of issue repro on PR #8980, 9031 -Request a call is not accessible using the keyboard.
Similar type of issue repro on PR #9534 -"Download","Copy to clipboard","Copy link","Mark us unread" and "Delete comment"is not accessible using the keyboard.

Workaround:

Yes

Area issue was found in:

Any of the chats with the attached image

Failed WCAG checkpoints

2.1.1

User impact:

Keyboard only users will not be able to navigate to the controls via TAB or SHIFT+TAB keys

Suggested resolution:

Ensure that all controls provide keyboard focus and are operable without the use of a mouse. It is recommended to use native HTML controls such as instead of custom controls as they provide keyboard focus and visible outline focus by default. If custom controls must be used, tabindex="0" can be provided for focus.

Platform:

  • Web
  • iOS
  • Android
  • Desktop App
  • Mobile Web

Version Number: 1.1.49-0
Reproducible in staging?: Yes
Reproducible in production?: Yes
Reference link: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
Issue reported by: Sumit

8018_controls.are.not.accessible.using.the.keyboard.mp4

@SumitDiyora SumitDiyora changed the title [High] Chrome: Keyboard: 'Mark as unread' and 'Delete comment' controls are not accessible using the keyboard. [High] Chrome+JAWS: Keyboard: 'Mark as unread' and 'Delete comment' controls are not accessible using the keyboard. Mar 31, 2022
@MelvinBot MelvinBot added the Monthly KSv2 label Apr 4, 2022
@melvin-bot melvin-bot bot added the Overdue label May 11, 2022
@melvin-bot
Copy link

melvin-bot bot commented Jun 17, 2022

@SumitDiyora, 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

2 participants