Skip to content

chore(demo): correct aria attributes on jump links examples#7776

Merged
thatblindgeye merged 7 commits intopatternfly:mainfrom
wise-king-sullyman:correct-jump-link-example-aria-attributes
Sep 10, 2025
Merged

chore(demo): correct aria attributes on jump links examples#7776
thatblindgeye merged 7 commits intopatternfly:mainfrom
wise-king-sullyman:correct-jump-link-example-aria-attributes

Conversation

@wise-king-sullyman
Copy link
Collaborator

Closes #7286

@patternfly-build
Copy link
Collaborator

patternfly-build commented Aug 29, 2025

Copy link
Contributor

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

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

  • Let's remove the "navigation" and "list" verbiage from the aria labeling, that'll already get announced by AT
  • Can we make updates to the visible text labels for the jump links as patternfly/patternfly-react#11950?
  • vertical with inactive subsection will just need an aria-label applied to the nested list - similar to what I mentioned to Rebecca, for now we can just pass an aria-label to that list with something like "Second inactive subsection" or similar unique-but-generic
  • Similar to above re: aria-label on nested list for vertical with active subsection
  • We just need to remove the aria-label being applied to the expandable toggle buttons as well since there's already the visible text

Copy link
Contributor

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

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

LGTM!

@mcoker as a followup to this, do we want to update the "Expandable (responsive) with no label" example so that the toggle is just an icon, or remove the example altogether? Currently React allows a toggle withou a visible text label (relying on aria label instead), but we don't explicitly show that in an example. In this Core example, when the toggle appears it has a visible text label.

Copy link
Contributor

@mcoker mcoker left a comment

Choose a reason for hiding this comment

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

🚀

@thatblindgeye thatblindgeye merged commit a14041b into patternfly:main Sep 10, 2025
4 checks passed
@patternfly-build
Copy link
Collaborator

🎉 This PR is included in version 6.3.0-prerelease.66 🎉

The release is available on:

Your semantic-release bot 📦🚀

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.

JumpLinks - aria attributes need correction

4 participants