Ripple accessibility #5356

primefaces · Nov 23, 2023 · 19c0df7 · 19c0df7
1 parent 1f2f930
commit 19c0df7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 11 deletions.
diff --git a/components/doc/ripple/accessibilitydoc.js b/components/doc/ripple/accessibilitydoc.js
@@ -1,18 +1,15 @@
-import { DevelopmentSection } from '@/components/doc/common/developmentsection';
 import { DocSectionText } from '@/components/doc/common/docsectiontext';
 
 export function AccessibilityDoc() {
     return (
-        <DevelopmentSection>
-            <DocSectionText id="accessibility" label="Accessibility">
-                <h6>Screen Reader</h6>
-                <p>
-                    Ripple element has the <i>aria-hidden</i> attribute as true so that it gets ignored by the screen readers.
-                </p>
+        <DocSectionText id="accessibility" label="Accessibility">
+            <h6>Screen Reader</h6>
+            <p>
+                Ripple element has the <i>aria-hidden</i> attribute as true so that it gets ignored by the screen readers.
+            </p>
 
-                <h6>Keyboard Support</h6>
-                <p>Component does not include any interactive elements.</p>
-            </DocSectionText>
-        </DevelopmentSection>
+            <h6>Keyboard Support</h6>
+            <p>Component does not include any interactive elements.</p>
+        </DocSectionText>
     );
 }
diff --git a/components/lib/ripple/Ripple.js b/components/lib/ripple/Ripple.js
@@ -103,8 +103,10 @@ export const Ripple = React.memo(
 
         const rootProps = mergeProps(
             {
+                'aria-hidden': true,
                 className: classNames(cx('root'))
             },
+            RippleBase.getOtherProps(props),
             ptm('root')
         );