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>
|