From 323358256e1e4a4ded13cbac0a7b22acf0f16b07 Mon Sep 17 00:00:00 2001
From: CezarSTF <cezars@ensemble.com>
Date: Fri, 11 Apr 2025 16:13:03 +0300
Subject: [PATCH] FORMS-18739: Visual heading text is not marked as heading

---
 .../fd/components/form/accordion/v1/accordion/accordion.html    | 2 +-
 .../form/panelcontainer/v1/panelcontainer/responsiveGrid.html   | 2 +-
 .../apps/core/fd/components/form/wizard/v1/wizard/wizard.html   | 2 +-
 .../apps/core/fd/components/form/wizard/v2/wizard/wizard.html   | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/accordion/v1/accordion/accordion.html b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/accordion/v1/accordion/accordion.html
index a2ff540499..dd450655bc 100644
--- a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/accordion/v1/accordion/accordion.html
+++ b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/accordion/v1/accordion/accordion.html
@@ -29,7 +29,7 @@
      data-cmp-single-expansion="true"
      data-placeholder-text="${wcmmode.edit && 'Please drag Accordion item components here' @ i18n}">
 
-    <div class="cmp-accordion__label-container">
+     <div class="cmp-accordion__label-container" role="heading" aria-level="2">
       <div data-sly-call="${label.label @componentId=accordion.id, labelValue=accordion.label.value, labelVisible=accordion.label.visible, labelRichText=accordion.label.richText, bemBlock='cmp-accordion'}"
           data-sly-unwrap></div>
       <div data-sly-call="${questionMark.questionMark @componentId=accordion.id, longDescription=accordion.description, bemBlock='cmp-accordion'}"
diff --git a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/panelcontainer/v1/panelcontainer/responsiveGrid.html b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/panelcontainer/v1/panelcontainer/responsiveGrid.html
index 9fd65d7c82..11dccb0a10 100644
--- a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/panelcontainer/v1/panelcontainer/responsiveGrid.html
+++ b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/panelcontainer/v1/panelcontainer/responsiveGrid.html
@@ -26,7 +26,7 @@
          title="${panel.tooltipVisible ? '' : panel.tooltipText}"
          role="${container.roleAttribute}"
          style="${container.backgroundStyle @ context='styleString'}">
-        <div class="cmp-container__label-container">
+         <div class="cmp-container__label-container" role="heading" aria-level="2">
           <div data-sly-call="${label.label @componentId=panel.id, labelValue=panel.label.value, labelVisible=panel.label.visible, labelRichText=panel.label.richText, bemBlock='cmp-container'}" data-sly-unwrap></div>
           <div data-sly-call="${questionMark.questionMark @componentId=panel.id, longDescription=panel.description, bemBlock='cmp-container'}" data-sly-unwrap></div>
         </div>
diff --git a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/wizard/v1/wizard/wizard.html b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/wizard/v1/wizard/wizard.html
index f806f46cad..98ae21e97f 100644
--- a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/wizard/v1/wizard/wizard.html
+++ b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/wizard/v1/wizard/wizard.html
@@ -31,7 +31,7 @@
         class="cmp-adaptiveform-wizard"
         data-placeholder-text="${'Please drag Wizard components here' @ i18n, locale=request.locale}"
         data-sly-test.widgetId="${'{0}-{1}' @ format=[wizard.id, 'widget']}">
-        <div class="cmp-adaptiveform-wizard__label-container">
+        <div class="cmp-adaptiveform-wizard__label-container" role="heading" aria-level="1">
           <div data-sly-call="${label.label @componentId=widgetId, labelValue=wizard.label.value, labelVisible=wizard.label.visible, labelRichText=wizard.label.richText, bemBlock='cmp-adaptiveform-wizard'}" data-sly-unwrap></div>
           <div data-sly-call="${questionMark.questionMark @componentId=wizard.id, longDescription=wizard.description, bemBlock='cmp-adaptiveform-wizard'}" data-sly-unwrap></div>
         </div>
diff --git a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/wizard/v2/wizard/wizard.html b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/wizard/v2/wizard/wizard.html
index 28441ef100..0d7ae24621 100644
--- a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/wizard/v2/wizard/wizard.html
+++ b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/wizard/v2/wizard/wizard.html
@@ -31,7 +31,7 @@
   class="cmp-adaptiveform-wizard cmp-adaptiveform-wizard--v2"
   data-placeholder-text="${'Please drag Wizard components here' @ i18n, locale=request.locale}"
   data-sly-test.widgetId="${'{0}-{1}' @ format=[wizard.id, 'widget']}">
-  <div class="cmp-adaptiveform-wizard__label-container">
+  <div class="cmp-adaptiveform-wizard__label-container" role="heading" aria-level="1">
       <div data-sly-call="${label.label @componentId=widgetId, labelValue=wizard.label.value, labelVisible=wizard.label.visible, labelRichText=wizard.label.richText, bemBlock='cmp-adaptiveform-wizard'}" data-sly-unwrap></div>
     <div data-sly-call="${questionMark.questionMark @componentId=wizard.id, longDescription=wizard.description, bemBlock='cmp-adaptiveform-wizard'}" data-sly-unwrap></div>
   </div>