FORMS-18739: Visual heading text is not marked as heading (#1629)

Author: CezarSTF

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">
       <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'}"

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">
           <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>

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">
           <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>

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">
       <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>