From 956ef1247744cfc429ec92e7751149a1dcf9c0c5 Mon Sep 17 00:00:00 2001
From: Borghild <borghild.vikoyr@miles.no>
Date: Tue, 3 Sep 2024 11:43:07 +0200
Subject: [PATCH] :art: add tabindex to overflow elements

---
 web/core/Carousel/Carousel.tsx                     | 3 +++
 web/pageComponents/pageTemplates/ErrorFallback.tsx | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/core/Carousel/Carousel.tsx b/web/core/Carousel/Carousel.tsx
index 7e140b8b9..b202c22d1 100644
--- a/web/core/Carousel/Carousel.tsx
+++ b/web/core/Carousel/Carousel.tsx
@@ -286,6 +286,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
index cbe5d5278..bdc441a32 100644
--- a/web/pageComponents/pageTemplates/ErrorFallback.tsx
+++ b/web/pageComponents/pageTemplates/ErrorFallback.tsx
@@ -89,13 +89,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>