diff --git a/components/doc/divider/accessibilitydoc.js b/components/doc/divider/accessibilitydoc.js
index 54c3405ae7..e6b4b1756d 100644
--- 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 (
-
- Divider uses a separator role with aria-orientation set to either "horizontal" or "vertical".
-
+ Divider uses a separator role with aria-orientation set to either "horizontal" or "vertical".
+ Component does not include any interactive elements.Screen Reader
- Screen Reader
+ Keyboard Support
-
Component does not include any interactive elements.
+ ); } diff --git a/components/lib/divider/Divider.js b/components/lib/divider/Divider.js index 9e4641289e..6f23eef283 100644 --- 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),