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

fix(ui-tree-browser): TreeBrowser collection descriptor is now read b… #1726

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

ToMESSKa
Copy link
Contributor

@ToMESSKa ToMESSKa commented Oct 10, 2024

…y screenreaders

Closes: INSTUI-4296

ISSUE:
When navigating through a TreeBrowser component, the descriptor of a collection is not read

TEST PLAN:

  • In TreeBrowser page, go to the second example (Managing State) using the Tab key
  • after reaching it, press Control + Option + Shift + Down Arrow (Mac) or Down Arrow (Windows) key to enter the tree
  • collections like "Math outcomes" and "Advanced Math" should be announced together with their respective descriptors (e.g. 1 Group 2 Outcomes, 1 Outcome)

@ToMESSKa ToMESSKa self-assigned this Oct 10, 2024
@ToMESSKa ToMESSKa changed the title fix(ui-tree-browser): treeBrowser collection descriptor is not read b… fix(ui-tree-browser): TreeBrowser collection descriptor is not read b… Oct 10, 2024
Copy link

github-actions bot commented Oct 10, 2024

PR Preview Action v1.4.8
🚀 Deployed preview to https://instructure.github.io/instructure-ui/pr-preview/pr-1726/
on branch gh-pages at 2024-10-11 07:48 UTC

@ToMESSKa ToMESSKa force-pushed the INSTUI-4296_parts_of_tree_browser_items_are_not_read_by_screenreaders branch from b97ac10 to c92ba29 Compare October 11, 2024 07:42
@ToMESSKa ToMESSKa changed the title fix(ui-tree-browser): TreeBrowser collection descriptor is not read b… fix(ui-tree-browser): TreeBrowser collection descriptor is now read b… Oct 11, 2024
@ToMESSKa ToMESSKa force-pushed the INSTUI-4296_parts_of_tree_browser_items_are_not_read_by_screenreaders branch from c92ba29 to 0b64f8d Compare October 18, 2024 10:51
return child.getDOMNode().ariaLabel
return child
.getDOMNode()
.querySelector('span[class$="treeButton__textName"]')?.textContent
Copy link
Contributor Author

@ToMESSKa ToMESSKa Oct 18, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Here tests were adjusted because they utilized the "incorrect" aria-labels. Also checked with Nándi

@ToMESSKa ToMESSKa marked this pull request as ready for review October 18, 2024 13:39
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

Successfully merging this pull request may close these issues.

1 participant