Skip to content
This repository was archived by the owner on Jan 5, 2026. It is now read-only.

[ISSUE#1818][MAS4.1.2] [Screen Reader-Debug] Screen reader is not reading the state for Expanded or collapsed control#1863

Merged
tonyanziano merged 6 commits into
masterfrom
fix/screen-reader-reads-collapse
Sep 13, 2019
Merged

[ISSUE#1818][MAS4.1.2] [Screen Reader-Debug] Screen reader is not reading the state for Expanded or collapsed control#1863
tonyanziano merged 6 commits into
masterfrom
fix/screen-reader-reads-collapse

Conversation

@denscollo
Copy link
Copy Markdown
Contributor

Solves #1818

Description

With this PR we enabled the screen reader to identify when the elements of the JSON viewer extension are expanded and collapsed.

Changes made

  • Screen reader reads collapse/expand

Since the screen reader wasn't reading the aria-expanded property from the ul tags, we added that property to the parent li

@coveralls
Copy link
Copy Markdown

coveralls commented Sep 11, 2019

Coverage Status

Coverage increased (+0.02%) to 65.762% when pulling 6584b76 on fix/screen-reader-reads-collapse into 2743410 on master.

Copy link
Copy Markdown
Contributor

@tonyanziano tonyanziano left a comment

Choose a reason for hiding this comment

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

I pulled the branch down and tested it and found an issue:

The aria-expanded attribute isn't being added to the <li> tags when they are initialized for the first time, it is only being added on a click event. This means that the screen reader won't read the expanded / collapsed states until after they are expanded or collapsed for the first time via mouse / keyboard.

Before clicking:

image

image

After clicking:

image

image

The tree needs to be accessible when it is rendered for the first time.

@denscollo
Copy link
Copy Markdown
Contributor Author

Thanks @tonyanziano for the feedback. We'll test it again and fix it!

@denscollo
Copy link
Copy Markdown
Contributor Author

@tonyanziano we finished applying the changes. Now it's ready for review! Thanks!

Copy link
Copy Markdown
Contributor

@tonyanziano tonyanziano left a comment

Choose a reason for hiding this comment

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

Looks good!

@tonyanziano tonyanziano merged commit 1bd4014 into master Sep 13, 2019
@tonyanziano tonyanziano deleted the fix/screen-reader-reads-collapse branch September 13, 2019 23:53
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants