Fixed #4880 - Improve InlineMessage Implementation for Accessibility

pull/4899/head
tugcekucukoglu 2023-11-27 13:58:45 +03:00
parent 21a88a3d32
commit 5cb90afcdb
1 changed files with 2 additions and 2 deletions

View File

@ -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',