Addressed the issue in metadata table (#3655)

hubmapconsortium · Dec 19, 2024 · d0c2d9f · d0c2d9f
1 parent bea316c
commit d0c2d9f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/CHANGELOG-scrolling-accessibility-issue b/CHANGELOG-scrolling-accessibility-issue
@@ -0,0 +1 @@
+ - Addressed accessibility issue to ensure elements with scrollable content are accessible by keyboard.
diff --git a/context/app/static/js/components/detailPage/MetadataTable/MetadataTable.tsx b/context/app/static/js/components/detailPage/MetadataTable/MetadataTable.tsx
@@ -20,7 +20,7 @@ interface MetadataTableRow {
 function MetadataTable({ tableRows = [] as MetadataTableRow[], columns = defaultColumns }) {
   return (
     <Paper sx={{ width: '100%' }}>
-      <StyledTableContainer>
+      <StyledTableContainer tabIndex={0} role="region" aria-label="Scrollable table container for Metadata">
         <Table stickyHeader>
           <TableHead>
             <TableRow>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		- Addressed accessibility issue to ensure elements with scrollable content are accessible by keyboard.