primevue-mirror/doc/inlinemessage/AccessibilityDoc.vue

10 lines
484 B
Vue
Raw Normal View History

2023-02-28 08:29:30 +00:00
<template>
<DocSectionText id="accessibility" label="Accessibility" v-bind="$attrs">
<h3>Screen Reader</h3>
<p>
2023-11-27 10:59:53 +00:00
InlineMessage component uses <i>alert</i> role that implicitly defines <i>aria-live</i> as "assertive" and <i>aria-atomic</i> as "true". Since any attribute is passed to the root element, attributes like <i>aria-labelledby</i> and
2023-02-28 08:29:30 +00:00
<i>aria-label</i> can optionally be used as well.
</p>
</DocSectionText>
</template>