diff --git a/.changeset/fix-table-accessibility.md b/.changeset/fix-table-accessibility.md new file mode 100644 index 0000000000..f34671ef71 --- /dev/null +++ b/.changeset/fix-table-accessibility.md @@ -0,0 +1,4 @@ +--- +"@patternfly/elements": patch +--- +``: fix accessibility features: column header role, accessible label for row toggle button, etc. diff --git a/elements/pf-table/context.ts b/elements/pf-table/context.ts index d128980e17..4db36698b5 100644 --- a/elements/pf-table/context.ts +++ b/elements/pf-table/context.ts @@ -2,4 +2,4 @@ import { createContextWithRoot } from '@patternfly/pfe-core/functions/context.js export const thRoleContext: { __context__: unknown; -} = createContextWithRoot<'rowheader' | 'colheader'>('pf-th-role'); +} = createContextWithRoot<'rowheader' | 'columnheader'>('pf-th-role'); diff --git a/elements/pf-table/pf-th.ts b/elements/pf-table/pf-th.ts index 9effd562bf..e1bb7c6a8d 100644 --- a/elements/pf-table/pf-th.ts +++ b/elements/pf-table/pf-th.ts @@ -51,7 +51,7 @@ export class PfTh extends LitElement { @property() key!: string; @consume({ context: thRoleContext }) - private contextualRole: 'colheader' | 'rowheader' = 'rowheader'; + private contextualRole: 'columnheader' | 'rowheader' = 'rowheader'; override connectedCallback(): void { super.connectedCallback(); diff --git a/elements/pf-table/pf-thead.ts b/elements/pf-table/pf-thead.ts index c46a51ccb4..755224f182 100644 --- a/elements/pf-table/pf-thead.ts +++ b/elements/pf-table/pf-thead.ts @@ -14,7 +14,7 @@ import { provide } from '@lit/context'; export class PfThead extends LitElement { static readonly styles: CSSStyleSheet[] = [styles]; - @provide({ context: thRoleContext }) private thRowContext = 'colheader'; + @provide({ context: thRoleContext }) private thRowContext = 'columnheader'; connectedCallback(): void { super.connectedCallback(); diff --git a/elements/pf-table/pf-tr.ts b/elements/pf-table/pf-tr.ts index 9193dba0ae..a2687bcd69 100644 --- a/elements/pf-table/pf-tr.ts +++ b/elements/pf-table/pf-tr.ts @@ -109,7 +109,9 @@ export class PfTr extends LitElement {