From 5cb90afcdbf629450ee5720d4e3faa71af58ea2c Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Mon, 27 Nov 2023 13:58:45 +0300
Subject: [PATCH] Fixed #4880 - Improve InlineMessage Implementation for
 Accessibility

---
 components/lib/inlinemessage/InlineMessage.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/lib/inlinemessage/InlineMessage.vue b/components/lib/inlinemessage/InlineMessage.vue
index feeb4b3ca..14350d90a 100755
--- a/components/lib/inlinemessage/InlineMessage.vue
+++ b/components/lib/inlinemessage/InlineMessage.vue
@@ -1,5 +1,5 @@
 <template>
-    <div aria-live="polite" :class="cx('root')" v-bind="ptm('root')">
+    <div role="alert" aria-live="assertive" aria-atomic="true" :class="cx('root')" v-bind="ptm('root')">
         <slot name="icon">
             <component :is="icon ? 'span' : iconComponent" :class="cx('icon')" v-bind="ptm('icon')"></component>
         </slot>
@@ -10,11 +10,11 @@
 </template>
 
 <script>
-import BaseInlineMessage from './BaseInlineMessage.vue';
 import CheckIcon from 'primevue/icons/check';
 import ExclamationTriangleIcon from 'primevue/icons/exclamationtriangle';
 import InfoCircleIcon from 'primevue/icons/infocircle';
 import TimesCircleIcon from 'primevue/icons/timescircle';
+import BaseInlineMessage from './BaseInlineMessage.vue';
 
 export default {
     name: 'InlineMessage',