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

Fixed ARIA attributes on record and collection tabs. #3978

Merged
merged 2 commits into from
Oct 9, 2024

Conversation

pasitiis
Copy link
Contributor

@pasitiis pasitiis commented Oct 2, 2024

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.

@pasitiis pasitiis changed the title Correct ARIA attributes on record and collection tabs. Fixed ARIA attributes on record and collection tabs. Oct 2, 2024
@demiankatz
Copy link
Member

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?

Copy link
Contributor

@sturkel89 sturkel89 left a 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.

Copy link
Contributor

@EreMaijala EreMaijala left a 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.

Copy link
Contributor

@EreMaijala EreMaijala left a 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!

@EreMaijala EreMaijala merged commit e28b5b9 into vufind-org:dev Oct 9, 2024
6 checks passed
EreMaijala pushed a commit to NatLibFi/NDL-VuFind2 that referenced this pull request Oct 9, 2024
@demiankatz demiankatz added this to the 10.1 milestone Oct 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants