From 1f02a596cbe980902824bd8182a8f55bb765f981 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: Thu, 17 Nov 2022 12:22:40 +0300
Subject: [PATCH] Fixed #3277 - Improve Tag Implementation for Accessibility

---
 src/views/tag/TagDoc.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/views/tag/TagDoc.vue b/src/views/tag/TagDoc.vue
index ca2f0a5383..1ce1736cc0 100644
--- a/src/views/tag/TagDoc.vue
+++ b/src/views/tag/TagDoc.vue
@@ -41,7 +41,7 @@ import Tag from 'primevue/tag';
         <p>Content can easily be customized with the default slot instead of using the built-in display.</p>
         <pre v-code><code>
 &lt;Tag&gt;
-   Content
+    Content
 &lt;/Tag&gt;
 
 </code></pre>
@@ -118,6 +118,16 @@ import Tag from 'primevue/tag';
             </table>
         </div>
 
+        <h5>Accessibility</h5>
+        <h6>Screen Reader</h6>
+        <p>
+            Tag does not include any roles and attributes by default, any attribute is passed to the root element so aria roles and attributes can be added if required. If the tags are dynamic,
+            <i>aria-live</i> may be utilized as well. In case badges need to be tabbable, <i>tabindex</i> can be added to implement custom key handlers.
+        </p>
+
+        <h5>Keyboard Support</h5>
+        <p>Component does not include any interactive elements.</p>
+
         <h5>Dependencies</h5>
         <p>None.</p>
     </AppDoc>