Merge pull request #2236 from epam/feature/table-collapse-all-aria-label

[DataTable]: Added aria-label for collapseAll/expandAll.
epam · May 13, 2024 · e98c036 · e98c036
2 parents 9e601c1 + 3d3f37f
commit e98c036
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/uui/components/tables/DataTableHeaderCell.tsx b/uui/components/tables/DataTableHeaderCell.tsx
@@ -108,6 +108,10 @@ export class DataTableHeaderCell<TItem, TId> extends React.Component<DataTableHe
                         cx={ cx(css.icon, css.foldAllIcon, uuiDataTableHeaderCell.uuiTableHeaderFoldAllIcon) }
                         icon={ this.props.areAllFolded ? UnfoldIcon : FoldIcon }
                         onClick={ this.props.onFoldAll }
+                        rawProps={ {
+                            'aria-label': this.props.areAllFolded ? 'Expand All' : 'Collapse All',
+                            'aria-expanded': !!this.props.areAllFolded,
+                        } }
                     />
                 </Tooltip>
             );