diff --git a/packages/code-du-travail-frontend/src/contributions/DisplayContentContribution.tsx b/packages/code-du-travail-frontend/src/contributions/DisplayContentContribution.tsx
index eb25292931..cb408dcc14 100644
--- a/packages/code-du-travail-frontend/src/contributions/DisplayContentContribution.tsx
+++ b/packages/code-du-travail-frontend/src/contributions/DisplayContentContribution.tsx
@@ -131,17 +131,19 @@ const getHeadingElement = (titleLevel: number, domNode) => {
 
 const options = (titleLevel: number): HTMLReactParserOptions => {
   let accordionTitle = titleLevel;
+  let headingTitleLevel = titleLevel;
 
   return {
     replace(domNode) {
       if (domNode instanceof Element) {
         if (domNode.name === "span" && domNode.attribs.class === "title") {
           accordionTitle = titleLevel + 1;
+          headingTitleLevel = titleLevel + 1;
           return getHeadingElement(titleLevel, domNode);
         }
         if (domNode.name === "span" && domNode.attribs.class === "sub-title") {
           accordionTitle = titleLevel + 1;
-          return getHeadingElement(titleLevel + 1, domNode);
+          return getHeadingElement(headingTitleLevel, domNode);
         }
         if (domNode.name === "details") {
           const items: any[] = [];
@@ -175,18 +177,15 @@ const options = (titleLevel: number): HTMLReactParserOptions => {
           );
         }
         if (domNode.name === "strong") {
-          // Disable trim on strong
           return <strong>{renderChildrenWithNoTrim(domNode)}</strong>;
         }
         if (domNode.name === "em") {
-          // Disable trim on em
           return <em>{renderChildrenWithNoTrim(domNode)}</em>;
         }
         if (domNode.name === "p") {
           if (!domNode.children.length) {
             return <br />;
           }
-          // Disable trim on p
           return <p>{renderChildrenWithNoTrim(domNode)}</p>;
         }
       }
diff --git a/packages/code-du-travail-frontend/src/contributions/__tests__/DisplayContentContribution.test.tsx b/packages/code-du-travail-frontend/src/contributions/__tests__/DisplayContentContribution.test.tsx
index 944df97074..3175be62aa 100644
--- a/packages/code-du-travail-frontend/src/contributions/__tests__/DisplayContentContribution.test.tsx
+++ b/packages/code-du-travail-frontend/src/contributions/__tests__/DisplayContentContribution.test.tsx
@@ -15,38 +15,60 @@ describe("DisplayContentContribution", () => {
       expect(baseElement.firstChild).toMatchSnapshot();
     });
     it(`should replace span with with heading according to given title level`, () => {
-      const { baseElement } = render(
+      const { getByText } = render(
         <DisplayContentContribution
-          content={`<span class="title">Mon title</span><span class="sub-title">Mon title</span>`}
+          content={`<span class="title">Ceci est un titre</span><span class="sub-title">Ceci est un sous titre</span>`}
           titleLevel={4}
         ></DisplayContentContribution>
       );
 
-      expect(baseElement.firstChild).toMatchSnapshot();
+      expect(getByText("Ceci est un titre").tagName).toEqual("H4");
+      expect(getByText("Ceci est un sous titre").tagName).toEqual("H5");
     });
     it(`should not add headings higher than h6 for titles`, () => {
-      const { baseElement } = render(
+      const { getByText } = render(
         <DisplayContentContribution
-          content={`<span class="title">Mon title</span><span class="sub-title">Mon title</span>`}
+          content={`<span class="title">Ceci est un titre</span><span class="sub-title">Ceci est un sous titre</span>`}
           titleLevel={6}
         ></DisplayContentContribution>
       );
 
-      expect(baseElement.firstChild).toMatchSnapshot();
+      expect(getByText("Ceci est un titre").tagName).toEqual("H6");
+      expect(getByText("Ceci est un sous titre").tagName).toEqual("STRONG");
     });
     it(`should not add headings higher than h6 for accordion`, () => {
-      const { asFragment } = render(
+      const { getByText } = render(
         <DisplayContentContribution
           content={`
         <details className=" details"><summary>Ceci est un titre</summary>
           <div data-type=" detailsContent">
-            <span class="sub-title">Mon title</span>
+            <span class="title">Ceci est un sous titre</span>
+            <span class="sub-title">Ceci est un sous sous titre</span>
           </div>
         </details>`}
           titleLevel={6}
         ></DisplayContentContribution>
       );
-      expect(asFragment().firstChild).toMatchSnapshot();
+      expect(getByText("Ceci est un titre").tagName).toEqual("H6");
+      expect(getByText("Ceci est un sous titre").tagName).toEqual("STRONG");
+      expect(getByText("Ceci est un sous sous titre").tagName).toEqual(
+        "STRONG"
+      );
+    });
+    it(`should handle sub-title in accordion even if no title`, () => {
+      const { getByText } = render(
+        <DisplayContentContribution
+          content={`
+        <details className=" details"><summary>Ceci est un titre</summary>
+          <div data-type=" detailsContent">
+            <span class="sub-title">Ceci est un sous titre</span>
+          </div>
+        </details>`}
+          titleLevel={4}
+        ></DisplayContentContribution>
+      );
+      expect(getByText("Ceci est un titre").tagName).toEqual("H4");
+      expect(getByText("Ceci est un sous titre").tagName).toEqual("H5");
     });
   });
 
diff --git a/packages/code-du-travail-frontend/src/contributions/__tests__/__snapshots__/DisplayContentContribution.test.tsx.snap b/packages/code-du-travail-frontend/src/contributions/__tests__/__snapshots__/DisplayContentContribution.test.tsx.snap
index 56fe366129..f35b083b96 100644
--- a/packages/code-du-travail-frontend/src/contributions/__tests__/__snapshots__/DisplayContentContribution.test.tsx.snap
+++ b/packages/code-du-travail-frontend/src/contributions/__tests__/__snapshots__/DisplayContentContribution.test.tsx.snap
@@ -3,10 +3,10 @@
 exports[`DisplayContentContribution Accordions should not fail if no summary tag 1`] = `
 <div>
   <div
-    class="sc-bd01be9e-0 jtfGbS"
+    class="sc-1678e795-0 fDgxNU"
   >
     <div
-      class="sc-bd01be9e-1 jxHijx"
+      class="sc-1678e795-1 bYYZgz"
       data-accordion-component="Accordion"
       data-testid="contrib-accordion"
     >
@@ -80,7 +80,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
       
                 </p>
                 <div
-                  class="sc-bd01be9e-1 jxHijx"
+                  class="sc-1678e795-1 bYYZgz"
                   data-accordion-component="Accordion"
                   data-testid="contrib-accordion"
                 >
@@ -147,7 +147,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                         >
                           <div>
                             <div
-                              class="sc-bd01be9e-1 jxHijx"
+                              class="sc-1678e795-1 bYYZgz"
                               data-accordion-component="Accordion"
                               data-testid="contrib-accordion"
                             >
@@ -397,10 +397,10 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
 
 exports[`DisplayContentContribution Accordions should replace details element by one accordion 1`] = `
 <div
-  class="sc-bd01be9e-0 jtfGbS"
+  class="sc-1678e795-0 fDgxNU"
 >
   <div
-    class="sc-bd01be9e-1 jxHijx"
+    class="sc-1678e795-1 bYYZgz"
     data-accordion-component="Accordion"
     data-testid="contrib-accordion"
   >
@@ -481,10 +481,10 @@ exports[`DisplayContentContribution Accordions should replace details element by
 
 exports[`DisplayContentContribution Accordions should replace details element within details element 1`] = `
 <div
-  class="sc-bd01be9e-0 jtfGbS"
+  class="sc-1678e795-0 fDgxNU"
 >
   <div
-    class="sc-bd01be9e-1 jxHijx"
+    class="sc-1678e795-1 bYYZgz"
     data-accordion-component="Accordion"
     data-testid="contrib-accordion"
   >
@@ -551,7 +551,7 @@ exports[`DisplayContentContribution Accordions should replace details element wi
           >
             <div>
               <div
-                class="sc-bd01be9e-1 jxHijx"
+                class="sc-1678e795-1 bYYZgz"
                 data-accordion-component="Accordion"
                 data-testid="contrib-accordion"
               >
@@ -640,10 +640,10 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
 <body>
   <div>
     <div
-      class="sc-bd01be9e-0 jtfGbS"
+      class="sc-1678e795-0 fDgxNU"
     >
       <div
-        class="sc-bd01be9e-1 jxHijx"
+        class="sc-1678e795-1 bYYZgz"
         data-accordion-component="Accordion"
         data-testid="contrib-accordion"
       >
@@ -797,7 +797,7 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
 
 exports[`DisplayContentContribution Alerts should have space in table item for a strong and an other content 1`] = `
 <div
-  class="sc-bd01be9e-0 jtfGbS"
+  class="sc-1678e795-0 fDgxNU"
 >
   <table
     class="sc-4e3ba411-0 kGLBMt"
@@ -877,7 +877,7 @@ exports[`DisplayContentContribution Alerts should have space in table item for a
 
 exports[`DisplayContentContribution Alerts should replace div with alert class in li component to Alert component 1`] = `
 <div
-  class="sc-bd01be9e-0 jtfGbS"
+  class="sc-1678e795-0 fDgxNU"
 >
   <div>
     <p>
@@ -943,7 +943,7 @@ exports[`DisplayContentContribution Alerts should replace div with alert class i
 
 exports[`DisplayContentContribution Alerts should replace div with alert class to Alert component 1`] = `
 <div
-  class="sc-bd01be9e-0 jtfGbS"
+  class="sc-1678e795-0 fDgxNU"
 >
   <div
     class="sc-6c78813f-0 fnbVWG"
@@ -958,110 +958,10 @@ exports[`DisplayContentContribution Alerts should replace div with alert class t
 </div>
 `;
 
-exports[`DisplayContentContribution Headings should not add headings higher than h6 for accordion 1`] = `
-<div
-  class="sc-bd01be9e-0 jtfGbS"
->
-  <div
-    class="sc-bd01be9e-1 jxHijx"
-    data-accordion-component="Accordion"
-    data-testid="contrib-accordion"
-  >
-    <div
-      id="ceci-est-un-titre"
-    >
-      <div
-        class="sc-1571bed7-0"
-        data-accordion-component="AccordionItem"
-      >
-        <div
-          class="accordion__heading"
-          data-accordion-component="AccordionItemHeading"
-        >
-          <div
-            aria-controls="accordion__panel-ceci-est-un-titre"
-            aria-disabled="false"
-            aria-expanded="false"
-            class="sc-1571bed7-2 gNtlHI"
-            data-accordion-component="AccordionItemButton"
-            id="accordion__heading-ceci-est-un-titre"
-            role="button"
-            tabindex="0"
-          >
-            <svg
-              aria-hidden="true"
-              class="sc-93c68677-0 fWneNg"
-              fill="none"
-              height="24"
-              stroke="currentColor"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              viewBox="0 0 24 24"
-              width="24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <polyline
-                points="9 18 15 12 9 6"
-              />
-            </svg>
-            <div
-              class="sc-1571bed7-3 figaQV"
-            >
-              <h6
-                class="sc-b879fc2d-0 hyiHle"
-                data-testid="contrib-accordion-0"
-                style="margin: 0px;"
-              >
-                Ceci est un titre
-              </h6>
-            </div>
-          </div>
-        </div>
-        <div
-          aria-hidden="true"
-          class="sc-1571bed7-1 hamHiw"
-          data-accordion-component="AccordionItemPanel"
-          hidden=""
-          id="accordion__panel-ceci-est-un-titre"
-        >
-          <div
-            class="sc-32c7807-0 iMDCLs"
-          >
-            <div>
-              <strong>
-                Mon title
-              </strong>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`DisplayContentContribution Headings should not add headings higher than h6 for titles 1`] = `
-<div>
-  <div
-    class="sc-bd01be9e-0 jtfGbS"
-  >
-    <h6
-      class="sc-b879fc2d-0 hyiHle"
-    >
-      Mon title
-    </h6>
-    <strong>
-      Mon title
-    </strong>
-  </div>
-</div>
-`;
-
 exports[`DisplayContentContribution Headings should replace span with class "title" and "sub-titles" with heading 1`] = `
 <div>
   <div
-    class="sc-bd01be9e-0 jtfGbS"
+    class="sc-1678e795-0 fDgxNU"
   >
     <h2
       class="sc-b879fc2d-0 hyiHle"
@@ -1077,28 +977,9 @@ exports[`DisplayContentContribution Headings should replace span with class "tit
 </div>
 `;
 
-exports[`DisplayContentContribution Headings should replace span with with heading according to given title level 1`] = `
-<div>
-  <div
-    class="sc-bd01be9e-0 jtfGbS"
-  >
-    <h4
-      class="sc-b879fc2d-0 hyiHle"
-    >
-      Mon title
-    </h4>
-    <h5
-      class="sc-b879fc2d-0 hyiHle"
-    >
-      Mon title
-    </h5>
-  </div>
-</div>
-`;
-
 exports[`DisplayContentContribution Tables should add thead to table if not present and move table into a Table element 1`] = `
 <div
-  class="sc-bd01be9e-0 jtfGbS"
+  class="sc-1678e795-0 fDgxNU"
 >
   <table
     class="sc-4e3ba411-0 kKVapO"
@@ -1153,7 +1034,7 @@ exports[`DisplayContentContribution Tables should add thead to table if not pres
 
 exports[`DisplayContentContribution Tables should keep whitespace in specific tag 1`] = `
 <div
-  class="sc-bd01be9e-0 jtfGbS"
+  class="sc-1678e795-0 fDgxNU"
 >
   <p>
     Ceci est un
@@ -1183,7 +1064,7 @@ exports[`DisplayContentContribution Tables should keep whitespace in specific ta
 
 exports[`DisplayContentContribution Tables should not change if thead is already present 1`] = `
 <div
-  class="sc-bd01be9e-0 jtfGbS"
+  class="sc-1678e795-0 fDgxNU"
 >
   <table>
     <tbody>
@@ -1221,7 +1102,7 @@ exports[`DisplayContentContribution Tables should not change if thead is already
 exports[`DisplayContentContribution Tables should render correctly a table with multiple head lines 1`] = `
 <div>
   <div
-    class="sc-bd01be9e-0 jtfGbS"
+    class="sc-1678e795-0 fDgxNU"
   >
     <table
       class="sc-4e3ba411-0 kKVapO"
@@ -1351,7 +1232,7 @@ exports[`DisplayContentContribution Tables should render correctly a table with
 
 exports[`DisplayContentContribution should keep whitespace in specific tag 1`] = `
 <div
-  class="sc-bd01be9e-0 jtfGbS"
+  class="sc-1678e795-0 fDgxNU"
 >
   <p>
     Ceci est un
@@ -1381,7 +1262,7 @@ exports[`DisplayContentContribution should keep whitespace in specific tag 1`] =
 
 exports[`DisplayContentContribution should not remove space between strong and em tag in p tag 1`] = `
 <div
-  class="sc-bd01be9e-0 jtfGbS"
+  class="sc-1678e795-0 fDgxNU"
 >
   <p>
     <strong>
@@ -1397,7 +1278,7 @@ exports[`DisplayContentContribution should not remove space between strong and e
 
 exports[`DisplayContentContribution should return html 1`] = `
 <div
-  class="sc-bd01be9e-0 jtfGbS"
+  class="sc-1678e795-0 fDgxNU"
 >
   <p>
     hello