Addressed scrolling accessibility issue on homepage (#3656)

* Addressed issue on homepage * Fixed changelog file
hubmapconsortium · Jan 6, 2025 · c174175 · c174175
1 parent 69f3715
commit c174175
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 1 deletion.
diff --git a/CHANGELOG-home-scrolling-accessibility-issue.md b/CHANGELOG-home-scrolling-accessibility-issue.md
@@ -0,0 +1 @@
+ - Addressed accessibility issue on home page to ensure elements with scrollable content are accessible by keyboard.
diff --git a/CHANGELOG-scrolling-accessibility-issue → CHANGELOG-scrolling-accessibility-issue.md b/CHANGELOG-scrolling-accessibility-issue → CHANGELOG-scrolling-accessibility-issue.md
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.