#5429 for Divider

primefaces · Nov 28, 2023 · 9073951 · 9073951
1 parent 6c88a14
commit 9073951
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/components/doc/divider/accessibilitydoc.js b/components/doc/divider/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">
-                <h3>Screen Reader</h3>
-                <p>
-                    Divider uses a <i>separator</i> role with <i>aria-orientation</i> set to either "horizontal" or "vertical".
-                </p>
+        <DocSectionText id="accessibility" label="Accessibility">
+            <h3>Screen Reader</h3>
+            <p>
+                Divider uses a <i>separator</i> role with <i>aria-orientation</i> set to either "horizontal" or "vertical".
+            </p>
 
-                <h3>Keyboard Support</h3>
-                <p>Component does not include any interactive elements.</p>
-            </DocSectionText>
-        </DevelopmentSection>
+            <h3>Keyboard Support</h3>
+            <p>Component does not include any interactive elements.</p>
+        </DocSectionText>
     );
 }
diff --git a/components/lib/divider/Divider.js b/components/lib/divider/Divider.js
@@ -28,6 +28,7 @@ export const Divider = React.forwardRef((inProps, ref) => {
             ref: elementRef,
             style: sx('root'),
             className: cx('root', { horizontal, vertical }),
+            'aria-orientation': props.layout,
             role: 'separator'
         },
         DividerBase.getOtherProps(props),