From b6e2b666c96772c9ae81a59a1f7036dfa9e7359f Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Thu, 26 Feb 2026 17:33:31 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BF=EF=B8=8F(Modal)=20remove=20tabindex?=
 =?UTF-8?q?=20from=20content=20modal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The screen reader was reading the content of the
modal as a focusable element, but the content of
the modal is not interactive.
This change removes the tabindex from the content
modal in the Modal component.
---
 packages/react/CHANGELOG.md                   | 6 ++++++
 packages/react/src/components/Modal/index.tsx | 3 +--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index dc8cb10..ae05a26 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @gouvfr-lasuite/cunningham-react
 
+## [unreleased]
+
+### Minor Changes
+
+- ♿️(Modal) remove tabindex from content modal
+
 ## 4.2.0
 
 ### Minor Changes
diff --git a/packages/react/src/components/Modal/index.tsx b/packages/react/src/components/Modal/index.tsx
index 63f2003..52b5a34 100644
--- a/packages/react/src/components/Modal/index.tsx
+++ b/packages/react/src/components/Modal/index.tsx
@@ -113,8 +113,7 @@ export const ModalInner = ({ closeOnEsc = true, ...props }: ModalProps) => {
         )}
         {props.title && <div className="c__modal__title">{props.title}</div>}
 
-        {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}
-        <div className="c__modal__content" tabIndex={0}>
+        <div className="c__modal__content">
           {props.children}
         </div>
         <ModalFooter {...props} />