From 00e48e702dc4b20e2f7771893270e5fbca847015 Mon Sep 17 00:00:00 2001
From: matiasroldan6 <matias.roldan@southworks.com>
Date: Wed, 13 Oct 2021 16:22:34 -0300
Subject: [PATCH] Add name to ThinSplitter and DebugPanel to fix accessibility
 complaint

---
 .../packages/client/src/components/Split/ThinSplitter.tsx | 8 +++++++-
 .../client/src/pages/design/DebugPanel/DebugPanel.tsx     | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/Composer/packages/client/src/components/Split/ThinSplitter.tsx b/Composer/packages/client/src/components/Split/ThinSplitter.tsx
index 40eef62c9f..1e54576c0e 100644
--- a/Composer/packages/client/src/components/Split/ThinSplitter.tsx
+++ b/Composer/packages/client/src/components/Split/ThinSplitter.tsx
@@ -45,7 +45,13 @@ export const ThinSplitter = (props: RenderSplitterProps) => {
 
   return (
     <HitArea dragging={dragging} horizontal={horizontal}>
-      <Splitter className={splitVisualClassName} dragging={dragging} horizontal={horizontal} splitterSize={pixelSize} />
+      <Splitter
+        className={splitVisualClassName}
+        dragging={dragging}
+        horizontal={horizontal}
+        splitterSize={pixelSize}
+        title="Splitter"
+      />
     </HitArea>
   );
 };
diff --git a/Composer/packages/client/src/pages/design/DebugPanel/DebugPanel.tsx b/Composer/packages/client/src/pages/design/DebugPanel/DebugPanel.tsx
index 332291685c..865cc592a8 100644
--- a/Composer/packages/client/src/pages/design/DebugPanel/DebugPanel.tsx
+++ b/Composer/packages/client/src/pages/design/DebugPanel/DebugPanel.tsx
@@ -166,6 +166,7 @@ export const DebugPanel: React.FC = () => {
             data-testid="header__blank"
             role="button"
             tabIndex={0}
+            title="Debug Panel"
             onClick={onDebugPaneClick}
             onKeyPress={onDebugPaneClick}
           />