fix dialogBox aria title

assurance-maladie-digital · Oct 14, 2024 · 76b56fc · 76b56fc
1 parent 7e54b83
commit 76b56fc
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/synapse-bridge/src/elements/DialogBox/DialogBox.vue b/packages/synapse-bridge/src/elements/DialogBox/DialogBox.vue
@@ -137,7 +137,7 @@ export default defineComponent({
 			v-bind="options.card"
 			ref="dialogContent"
 			id="dialogContent"
-			aria-labelledby="dialogContent"
+			:aria-labelledby="title ? title : 'dialogContent'"
 		>
 			<VCardTitle v-bind="options.cardTitle">
 				<slot name="title">

diff --git a/packages/synapse-bridge/src/elements/DialogBox/tests/__snapshots__/DialogBox.spec.ts.snap b/packages/synapse-bridge/src/elements/DialogBox/tests/__snapshots__/DialogBox.spec.ts.snap
@@ -1,8 +1,8 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`DialogBox > rendering and props > renders correctly with props 1`] = `
-<div data-v-ee61b14d="" model-value="true" width="600px" persistent="false" retain-focus="false" aria-modal="true" aria-describedby="dialogContent" class="vd-dialog-box">
-  <div data-v-ee61b14d="" class="v-card v-theme--light v-card--density-default v-card--variant-elevated pa-6" id="dialogContent">
+<div data-v-ee61b14d="" model-value="true" width="600px" persistent="false" retain-focus="false" aria-modal="true" class="vd-dialog-box">
+  <div data-v-ee61b14d="" class="v-card v-theme--light v-card--density-default v-card--variant-elevated pa-6" id="dialogContent" aria-labelledby="Test title">
     <!---->
     <div class="v-card__loader">
       <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">