Table a11y fix (#1505)

iTwin · Aug 21, 2023 · 1ca0a6a · 1ca0a6a
1 parent ccb3040
commit 1ca0a6a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/stale-bees-turn.md b/.changeset/stale-bees-turn.md
@@ -0,0 +1,5 @@
+---
+'@itwin/itwinui-react': patch
+---
+
+Gave accessible label to the sub-row toggle in <Table>.
diff --git a/packages/itwinui-react/src/core/Table/SubRowExpander.tsx b/packages/itwinui-react/src/core/Table/SubRowExpander.tsx
@@ -26,6 +26,8 @@ export const SubRowExpander = <T extends Record<string, unknown>>(
         expanderCell(cellProps)
       ) : (
         <IconButton
+          aria-label='Toggle sub row'
+          aria-expanded={cell.row.isExpanded ? 'true' : 'false'}
           style={{
             marginInlineEnd:
               density === 'default' || density === undefined ? 8 : 4,