Merge pull request #2071 from fahad-aot/bugfix/FWF-3288-Heading-hiera…

…rchy-accessibility FWF-3288: [Bugfix] Fixed Heading hierarchy
AOT-Technologies · May 28, 2024 · 06efe61 · 06efe61
2 parents 6e7a760 + c154229
commit 06efe61
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/forms-flow-web/src/components/ServiceFlow/NoTaskSelected/index.js b/forms-flow-web/src/components/ServiceFlow/NoTaskSelected/index.js
@@ -9,9 +9,9 @@ function NoTaskSelectedMessage() {
       className="w-100 no-filter-img"
         alt="Select a task from the List"
       />
-      <h3 className="text-center">
+      <label className="text-center select-task-text py-3">
         <Translation>{(t) => t("Select a task from the List.")}</Translation>
-      </h3>
+      </label>
       <p className="text-center">
         <Translation>
           {(t) =>

diff --git a/forms-flow-web/src/components/ServiceFlow/ServiceFlow.scss b/forms-flow-web/src/components/ServiceFlow/ServiceFlow.scss
@@ -420,4 +420,8 @@
   width: 22rem;
   max-height: 60vh;
   overflow: auto;
+}
+.select-task-text{
+  font-size:  1.28571429rem;
+  font-weight: 700;
 }
diff --git a/forms-flow-web/src/containers/Head.js b/forms-flow-web/src/containers/Head.js
@@ -14,7 +14,7 @@ const Head = React.memo((props) => {
             key={key}
             className={`head-item ${item.name === page ? "head-active" : ""} ${key > 0 ? 'padding-left-60' : ''}`}
           >
-            <h3   className="application-head">
+            <h1 className="application-head">
               <i
                 className={`mt-1 fa fa-${item?.icon}`}
                 aria-hidden="true"
@@ -27,7 +27,7 @@ const Head = React.memo((props) => {
                   ({item?.count})
                 </div>
               ) : null}
-            </h3>
+            </h1>
           </div>
         ))}
       </div>