-
Notifications
You must be signed in to change notification settings - Fork 359
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
Fixed ARIA attributes on record and collection tabs. #3978
Conversation
Thanks, @pasitiis. I'll wait to see what @EreMaijala has to say before digging too deeply. @sturkel89, if time permits, do you mind running the test suite on this one and also manually checking whether the record tab behavior seems negatively impacted in any of the themes? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I ran the complete test suite on this branch, and all tests passed!
I then updated config.ini with the full list of themes, and clicked through the record tabs (Holdings, Description, Comments, Similar Items, and Staff View) in each theme for a couple of different records. Everything worked normally!
Please let me know if there's any other functionality I should check with this PR.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think we need role="presentation"
for the li elements. Otherwise at least Axe doesn't like them. Other than that this looks good to me. Perhaps similar changes could be applied to search tabs as well.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks, everything checks out now!
Fixed an issue where tabs did not work properly when using VoiceOver with Chrome and Firefox (issues with activating a tab using VO + Space Bar and aria-selected being read incorrectly). The changes aim to follow the ARIA Authoring Practices Guide pattern (https://www.w3.org/WAI/ARIA/apg/patterns/tabs/).
Changes were originally made to the BS5 theme and converted to BS3.
Tested with VO on Safari, Chrome, and Firefox, and with JAWS 2024 on Edge and Chrome.
Hopefully I didn't break anything when I converted the theme, and @EreMaijala could check the impact of the bs3-compact changes.