Fixed #4880 - Improve InlineMessage Implementation for Accessibility
parent
21a88a3d32
commit
5cb90afcdb
|
@ -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',
|
||||
|
|
Loading…
Reference in New Issue