From 17ba99b4b0f999a28e44b94d00665d6ea4baaa11 Mon Sep 17 00:00:00 2001
From: Melloware <mellowaredev@gmail.com>
Date: Mon, 29 Jan 2024 16:43:43 -0500
Subject: [PATCH] Fix #5849: Splitter improve ARIA accessibility (#5853)

---
 components/lib/splitter/Splitter.js                |  2 +-
 .../splitter/__snapshots__/Splitter.spec.js.snap   | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/lib/splitter/Splitter.js b/components/lib/splitter/Splitter.js
index e4c2577d93..b9fb23a24f 100644
--- a/components/lib/splitter/Splitter.js
+++ b/components/lib/splitter/Splitter.js
@@ -392,7 +392,7 @@ export const Splitter = React.memo(
                     onTouchMove: (event) => onGutterTouchMove(event),
                     onTouchEnd: (event) => onGutterTouchEnd(event),
                     'data-p-splitter-gutter-resizing': false,
-                    role: 'splitter'
+                    role: 'separator'
                 },
                 ptm('gutter')
             );
diff --git a/components/lib/splitter/__snapshots__/Splitter.spec.js.snap b/components/lib/splitter/__snapshots__/Splitter.spec.js.snap
index c7740b04bc..ba089e7797 100644
--- a/components/lib/splitter/__snapshots__/Splitter.spec.js.snap
+++ b/components/lib/splitter/__snapshots__/Splitter.spec.js.snap
@@ -23,7 +23,7 @@ exports[`Splitter Nested 1`] = `
       class="p-splitter-gutter"
       data-p-splitter-gutter-resizing="false"
       data-pc-section="gutter"
-      role="splitter"
+      role="separator"
       style="width: 4px;"
     >
       <div
@@ -66,7 +66,7 @@ exports[`Splitter Nested 1`] = `
           class="p-splitter-gutter"
           data-p-splitter-gutter-resizing="false"
           data-pc-section="gutter"
-          role="splitter"
+          role="separator"
           style="height: 4px;"
         >
           <div
@@ -109,7 +109,7 @@ exports[`Splitter Nested 1`] = `
               class="p-splitter-gutter"
               data-p-splitter-gutter-resizing="false"
               data-pc-section="gutter"
-              role="splitter"
+              role="separator"
               style="width: 4px;"
             >
               <div
@@ -165,7 +165,7 @@ exports[`Splitter Single Panel with size 1`] = `
       class="p-splitter-gutter"
       data-p-splitter-gutter-resizing="false"
       data-pc-section="gutter"
-      role="splitter"
+      role="separator"
       style="height: 4px;"
     >
       <div
@@ -207,7 +207,7 @@ exports[`Splitter Single Panel without size 1`] = `
       class="p-splitter-gutter"
       data-p-splitter-gutter-resizing="false"
       data-pc-section="gutter"
-      role="splitter"
+      role="separator"
       style="height: 4px;"
     >
       <div
@@ -249,7 +249,7 @@ exports[`Splitter Splitter requires two SplitterPanel components to wrap. 1`] =
       class="p-splitter-gutter"
       data-p-splitter-gutter-resizing="false"
       data-pc-section="gutter"
-      role="splitter"
+      role="separator"
       style="width: 4px;"
     >
       <div
@@ -301,7 +301,7 @@ exports[`Splitter Vertical layout 1`] = `
       class="p-splitter-gutter"
       data-p-splitter-gutter-resizing="false"
       data-pc-section="gutter"
-      role="splitter"
+      role="separator"
       style="height: 4px;"
     >
       <div