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: Screen reader announces extra information on text fields. #8617

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

Comments

@Stutikuls
Copy link

Stutikuls commented Apr 13, 2022

Action Performed:

  1. Using JAWS + Chrome browser, open the URL staging.new.expensify.com/r/85021985
  2. Open settings and navigate to the workspace using Tab key.
  3. Activate workspace using Enter key and Double click on the help button.
  4. New content will appear, navigate to the request a setup call using Tab key and press Enter.
  5. Navigate the text field using Tab key and listen to the screen reader announcement.

Expected Result:

Only the information of a text field should be announced. it should read as "first name text field"

Actual Result:

Screen reader announce extra information of the text fields that is not visually present page. Screen reader announced as "New Expensify first name text field".

HTML
<input autocapitalize="sentences" autocomplete="on" autocorrect="on" dir="auto" spellcheck="true" type="text" class="css-11aywtz r-13awgt0 r-tz77pi r-13qz1uu" value="" name="fname" style="border-radius: 8px; border-width: 0px; box-shadow: none; color: rgb(11, 27, 52); font-family: GTAmericaExp-Regular; font-size: 15px; line-height: 20px; outline-width: 0px; padding: 23px 11px 8px;">

Other occurrences

Same issue also repro on PR #8868, #8802
Same issue repro on PR #8769 -Extra information announced on conceirge control.

Workaround:

Yes

Area issue was found in:

Workspace -> Get assistance

Failed WCAG checkpoints

1.3.1

User impact:

Screen reader users might be confused by the announcement of more information and about where the current focus.

Suggested resolution:

Make sure the screen reader announce only the information of element visually present on the page. Refer to:
https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html

Platform:

  • Web

Version Number: v1.1.49-1
Reproducible in staging?: Yes
Reproducible in production?: Yes
Issue reported by: Stuti

8264.-4.-Screen.reader.announces.extra.information.on.text.fields.mp4
@Stutikuls Stutikuls changed the title [med] Chrome + JAWS: Screen reader announces extra information on text fields. [med] Chrome + Jaws: Screen reader announces extra information on text fields. Apr 13, 2022
@melvin-bot melvin-bot bot added the Monthly KSv2 label Apr 18, 2022
@melvin-bot melvin-bot bot closed this as completed Jul 1, 2022
@melvin-bot
Copy link

melvin-bot bot commented Jul 1, 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