Fixed #2906 - Improve Divider implementation for Accessibility

pull/2910/head
Tuğçe Küçükoğlu 2022-08-31 10:05:57 +03:00
parent f38cbed6ea
commit c457fd9759
2 changed files with 10 additions and 1 deletions

View File

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

View File

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