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 ( - - -

Screen Reader

-

- Divider uses a separator role with aria-orientation set to either "horizontal" or "vertical". -

+ +

Screen Reader

+

+ Divider uses a separator role with aria-orientation set to either "horizontal" or "vertical". +

-

Keyboard Support

-

Component does not include any interactive elements.

-
-
+

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),