fix(jump-links): landmark label

bennypowers · bennypowers · commit 017052e42dbc · 2024-10-27T08:08:12.000+02:00
Closes #2860
diff --git a/.changeset/grumpy-lemons-like.md b/.changeset/grumpy-lemons-like.md
@@ -0,0 +1,4 @@
+---
+"@patternfly/elements": patch
+---
+`<pf-jump-links>`: improve screen reader accessibility by labeling the navigation landmark element
diff --git a/elements/pf-jump-links/pf-jump-links.ts b/elements/pf-jump-links/pf-jump-links.ts
@@ -121,7 +121,7 @@ export class PfJumpLinks extends LitElement {
 
   render(): TemplateResult<1> {
     return html`
-      <nav id="container">${this.expandable ? html`
+      <nav id="container" aria-labelledby="label">${this.expandable ? html`
         <details ?open="${this.expanded}" @toggle="${this.#onToggle}">
           <summary>
             <pf-icon icon="chevron-right"></pf-icon>

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +---
 +"@patternfly/elements": patch
 +---
 +`<pf-jump-links>`: improve screen reader accessibility by labeling the navigation landmark element