🎨 add tabindex to overflow elements (#2577)

equinor · Nov 4, 2024 · 7095e34 · 7095e34
1 parent 8464530
commit 7095e34
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/web/core/Carousel/Carousel.tsx b/web/core/Carousel/Carousel.tsx
@@ -330,6 +330,9 @@ export const Carousel = forwardRef<HTMLElement, CarouselProps>(function Carousel
         title && {
           'aria-label': toPlainText(title),
         })}
+      {...(displayMode === 'scroll' && {
+        tabIndex: 0,
+      })}
       aria-roledescription="carousel"
       className={envisTwMerge(
         `w-full

diff --git a/web/pageComponents/pageTemplates/ErrorFallback.tsx b/web/pageComponents/pageTemplates/ErrorFallback.tsx
@@ -90,13 +90,13 @@ export const ErrorFallback = ({ error, resetErrorBoundary }: FallbackProps) => {
           Error Details
         </Heading>
         <StyledCode>
-          <StyledPre>{error.message}</StyledPre>
+          <StyledPre tabIndex={0}>{error.message}</StyledPre>
         </StyledCode>
         <StyledDetails>
           <StyledSummary>Expand to Show Error Stack Traces</StyledSummary>
           <Heading level="h3">Stack Trace</Heading>
           <StyledCode>
-            <StyledPre>{sliceErrorStack(error.stack)}</StyledPre>
+            <StyledPre tabIndex={0}>{sliceErrorStack(error.stack)}</StyledPre>
           </StyledCode>
         </StyledDetails>
       </ContentWrapper>