From c457fd9759813f74c6b13902685e17975c828cc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Wed, 31 Aug 2022 10:05:57 +0300
Subject: [PATCH] Fixed #2906 - Improve Divider implementation for
 Accessibility

---
 src/components/divider/Divider.vue | 2 +-
 src/views/divider/DividerDoc.vue   | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/divider/Divider.vue b/src/components/divider/Divider.vue
index 481c0d0f4..04bfcb90a 100644
--- a/src/components/divider/Divider.vue
+++ b/src/components/divider/Divider.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="containerClass" role="separator">
+    <div :class="containerClass" role="separator" :aria-orientation="layout">
         <div class="p-divider-content" v-if="$slots.default">
             <slot></slot>
         </div>
diff --git a/src/views/divider/DividerDoc.vue b/src/views/divider/DividerDoc.vue
index a561a571f..0d7769c41 100644
--- a/src/views/divider/DividerDoc.vue
+++ b/src/views/divider/DividerDoc.vue
@@ -170,6 +170,15 @@ import Divider from 'primevue/divider';
 			</table>
 		</div>
 
+        <h5>Accessibility</h5>
+    <DevelopmentSection>
+        <h6>Screen Reader</h6>
+        <p>Divider uses a <i>separator</i> role with <i>aria-orientation</i> set to either "horizontal" or "vertical".</p>
+
+        <h5>Keyboard Support</h5>
+        <p>Component does not include any interactive elements.</p>
+    </DevelopmentSection>
+
 		<h5>Dependencies</h5>
 		<p>None.</p>
     </AppDoc>