From 6ee4ece1b80d7b3b2ea9d89b1b967c28b399589b Mon Sep 17 00:00:00 2001
From: Richard Gabelman <78068360+RichardGabelman@users.noreply.github.com>
Date: Sun, 14 Jun 2026 13:24:55 -0700
Subject: [PATCH 1/2] Add onFocus and onBlur handlers to fix
 mouse-events-have-key-events accessibility warning

---
 .../components/validation-panel/validation-error-boundary.tsx   | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/features/admin.flow-builder-core.v1/components/validation-panel/validation-error-boundary.tsx b/features/admin.flow-builder-core.v1/components/validation-panel/validation-error-boundary.tsx
index 439324af346..6d441bdb7fd 100644
--- a/features/admin.flow-builder-core.v1/components/validation-panel/validation-error-boundary.tsx
+++ b/features/admin.flow-builder-core.v1/components/validation-panel/validation-error-boundary.tsx
@@ -113,6 +113,8 @@ const ValidationErrorBoundary: FunctionComponent<PropsWithChildren<ValidationErr
             data-componentid={ componentId }
             onMouseOver={ () => hasNotification && disableErrorBoundaryOnHover && setActive(true) }
             onMouseOut={ () => hasNotification && disableErrorBoundaryOnHover && setActive(false) }
+            onFocus={ () => hasNotification && disableErrorBoundaryOnHover && setActive(true) }
+            onBlur={ () => hasNotification && disableErrorBoundaryOnHover && setActive(false) }
         >
             { hasNotification && !(active && disableErrorBoundaryOnHover) && (
                 <ExclamationIcon size={ 24 } />

From 843f5c00aec0ecddb25e13f93fc3e6d33eb46772 Mon Sep 17 00:00:00 2001
From: Richard Gabelman <78068360+RichardGabelman@users.noreply.github.com>
Date: Sun, 14 Jun 2026 16:03:11 -0700
Subject: [PATCH 2/2] Add tabIndex to make validation error boundary focusable
 for keyboard users

---
 .../components/validation-panel/validation-error-boundary.tsx    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/features/admin.flow-builder-core.v1/components/validation-panel/validation-error-boundary.tsx b/features/admin.flow-builder-core.v1/components/validation-panel/validation-error-boundary.tsx
index 6d441bdb7fd..6b958058b1c 100644
--- a/features/admin.flow-builder-core.v1/components/validation-panel/validation-error-boundary.tsx
+++ b/features/admin.flow-builder-core.v1/components/validation-panel/validation-error-boundary.tsx
@@ -111,6 +111,7 @@ const ValidationErrorBoundary: FunctionComponent<PropsWithChildren<ValidationErr
                 }
             ) }
             data-componentid={ componentId }
+            tabIndex={ hasNotification ? 0 : undefined }
             onMouseOver={ () => hasNotification && disableErrorBoundaryOnHover && setActive(true) }
             onMouseOut={ () => hasNotification && disableErrorBoundaryOnHover && setActive(false) }
             onFocus={ () => hasNotification && disableErrorBoundaryOnHover && setActive(true) }