Addressed issue on homepage

hubmapconsortium · Dec 19, 2024 · 41a4c3a · 41a4c3a
1 parent 22144a8
commit 41a4c3a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/CHANGELOG-home-scrolling-accessibility-issue copy b/CHANGELOG-home-scrolling-accessibility-issue copy
@@ -0,0 +1 @@
+ - Addressed accessibility issue on home page to ensure elements with scrollable content are accessible by keyboard.
diff --git a/context/app/static/js/shared-styles/charts/ChartWrapper/ChartWrapper.tsx b/context/app/static/js/shared-styles/charts/ChartWrapper/ChartWrapper.tsx
@@ -34,7 +34,7 @@ function ChartWrapper({ children, chartTitle, margin, colorScale, dropdown, allK
       </Box>
       <Stack sx={{ paddingTop: `${margin.top}px`, height: `calc(100% - ${margin.bottom}px)`, maxWidth: 175 }}>
         {dropdown && <Box sx={{ marginBottom: 1, minWidth: 0 }}>{dropdown}</Box>}
-        <Box sx={{ flex: 1, overflowY: 'auto' }}>
+        <Box sx={{ flex: 1, overflowY: 'auto' }} tabIndex={0}>
           <LegendOrdinal
             scale={colorScale}
             labelMargin="0 15px 0 0"
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		- Addressed accessibility issue on home page to ensure elements with scrollable content are accessible by keyboard.