Fix #5849: Splitter improve ARIA accessibility (#5853)

primefaces · Jan 29, 2024 · 17ba99b · 17ba99b
1 parent c7a92a2
commit 17ba99b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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