primevue-mirror/apps/showcase/doc/skeleton/AccessibilityDoc.vue

15 lines
694 B
Vue

<template>
<DocSectionText id="accessibility" label="Accessibility" v-bind="$attrs">
<h3>Screen Reader</h3>
<p>
Skeleton uses <i>aria-hidden</i> as "true" so that it gets ignored by screen readers, any valid attribute is passed to the root element so you may customize it further if required. If multiple skeletons are grouped inside a container, you
may use <i>aria-busy</i> on the container element as well to indicate the loading process.
</p>
<h3>Keyboard Support</h3>
<div class="doc-tablewrapper">
<p>Component does not include any interactive elements.</p>
</div>
</DocSectionText>
</template>