Skip to content

Commit b486ea6

Browse files
vue: improve accessibility for collapsible content
The following changes were made: - aria-expanded: let's the user know if the content is displayed or not. - aria-label: let's the user know what the content belongs to. Change-Id: I6df9d42caded57fabfc760e2321d102a54ea8e87
1 parent 363b205 commit b486ea6

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

Diff for: packages/cmk-frontend-vue/src/quick-setup/components/quick-setup/widgets/CollapsibleWidget.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ const updateData = (id: string, value: Ref) => {
3939
:open="isOpen"
4040
@toggle-open="toggleOpen"
4141
/>
42-
<div v-show="isOpen">
42+
<div v-show="isOpen" :aria-expanded="isOpen" :aria-label="props.title">
4343
<CompositeWidget
4444
:items="props.items"
4545
:data="props?.data || {}"

0 commit comments

Comments
 (0)