Merge pull request #991 from MaitreManuel/dsfr-side-menu-title-not-text-tag

fix: 🐛 DsfrSideMenu balise titre RGAA 8.9.1 NC

Author: laruiss

src/components/DsfrSideMenu/DsfrSideMenu.types.ts

@@ -9,6 +9,7 @@ export type DsfrSideMenuProps = {
   collapseValue?: string
   menuItems?: DsfrSideMenuListItemProps[]
   headingTitle?: string
+  titleTag?: string
 }
 
 export type DsfrSideMenuButtonProps = {

src/components/DsfrSideMenu/DsfrSideMenu.vue

@@ -17,6 +17,7 @@ withDefaults(defineProps<DsfrSideMenuProps>(), {
   // @ts-expect-error this is really undefined
   menuItems: () => undefined,
   headingTitle: '',
+  titleTag: 'h3',
 })
 
 defineEmits<{ (e: 'toggleExpand', payload: string): void }>()
@@ -65,9 +66,12 @@ watch(expanded, (newValue, oldValue) => {
         }"
         @transitionend="onTransitionEnd(expanded)"
       >
-        <div class="fr-sidemenu__title">
+        <component
+          :is="titleTag"
+          class="fr-sidemenu__title"
+        >
           {{ headingTitle }}
-        </div>
+        </component>
         <!-- @slot Slot par défaut du contenu du menu latéral -->
         <slot>
           <DsfrSideMenuList