Fixed #2906 - Improve Divider implementation for Accessibility
parent
f38cbed6ea
commit
c457fd9759
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div :class="containerClass" role="separator">
|
||||
<div :class="containerClass" role="separator" :aria-orientation="layout">
|
||||
<div class="p-divider-content" v-if="$slots.default">
|
||||
<slot></slot>
|
||||
</div>
|
||||
|
|
|
@ -170,6 +170,15 @@ import Divider from 'primevue/divider';
|
|||
</table>
|
||||
</div>
|
||||
|
||||
<h5>Accessibility</h5>
|
||||
<DevelopmentSection>
|
||||
<h6>Screen Reader</h6>
|
||||
<p>Divider uses a <i>separator</i> role with <i>aria-orientation</i> set to either "horizontal" or "vertical".</p>
|
||||
|
||||
<h5>Keyboard Support</h5>
|
||||
<p>Component does not include any interactive elements.</p>
|
||||
</DevelopmentSection>
|
||||
|
||||
<h5>Dependencies</h5>
|
||||
<p>None.</p>
|
||||
</AppDoc>
|
||||
|
|
Loading…
Reference in New Issue