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

Insert f5 - form list window showing incorrect labels for the tab elements #461

Open
mounikaseelam opened this issue Oct 15, 2020 · 4 comments

Comments

@mounikaseelam
Copy link

mounikaseelam commented Oct 15, 2020

Summary

Insert f5 - form list window showing incorrect labels of the tab elements
when we have tabs widget with proper accessibility related attribute, and when we press insert f5
the list showing tabs label
for active tab the label is shown correct , but for the rest of the tabs , the label is shown with some other text
example : if tab name is "Agnes Obe" , but in the list it is shown as "test1 Agnes Obe"
here test1 is the heading in the first tabpanel
Example:

  1. Go to https://www.w3schools.com/code/tryit.asp?filename=GJQEW3U0I8OY
  2. press inser f5

Expected result

labels of the tab should be shown correctly

Actual result

tab labels are shown with concat of other text from the active tab tabpanel

Example

https://www.w3schools.com/code/tryit.asp?filename=GJQEW3U0I8OY

Additional Information

using Jaws 2020
OS window 10
browser Chrome - Version 84.0.4147.125

2020-10-15_20-17-26

@mounikaseelam mounikaseelam changed the title Insert f5 - form list window showing incorrect labels of the tab elements Insert f5 - form list window showing incorrect labels for the tab elements Oct 15, 2020
@mounikaseelam
Copy link
Author

Please any one help me on this issue

@JAWS-test
Copy link

If the ARIA role tab is used, the tabpanel should not be in the tablist (see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-2/tabs.html)

Probably the following is more suitable for you: https://www.w3.org/TR/wai-aria-practices-1.1/examples/disclosure/disclosure-faq.html

@mounikaseelam
Copy link
Author

Thankyou @JAWS-test
The mark up is like what i have shared (https://www.w3schools.com/code/tryit.asp?filename=GJQEW3U0I8OY), but the ui looks like the tabs widget like below image, so we used design pattern of tab widget . with the existing markup is there any solution to get rid of that issue as there is no scope of modifying the existing markup
2020-10-16_19-21-45

@JAWS-test
Copy link

If you use tabs, the source code must also be correct. tabpanel must come after tablist and not within it. This is not a JAWS bug, but a bug in the source code. Another problem with your layout is the reading order, which must be correct according to WCAG 1.3.2, but this is not the case here (all three tabs must come before tabpanel in source code)

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

No branches or pull requests

2 participants