fix: accessibility headers h1 fixed (#314)

City-of-Helsinki · May 3, 2023 · 7be0f35 · 7be0f35
1 parent 87120e0
commit 7be0f35
Show file tree

Hide file tree

Showing 12 changed files with 12 additions and 12 deletions.
diff --git a/apps/events-helsinki/src/domain/search/eventSearch/AdvancedSearch.tsx b/apps/events-helsinki/src/domain/search/eventSearch/AdvancedSearch.tsx
@@ -258,7 +258,7 @@ const AdvancedSearch: React.FC<Props> = ({
       <ContentContainer className={styles.contentContainer}>
         <form onSubmit={handleSubmit}>
           <div className={styles.searchWrapper}>
-            <h2>{t('search.labelSearchField')}</h2>
+            <h1>{t('search.labelSearchField')}</h1>
             <div className={styles.rowWrapper}>
               <div className={classNames(styles.row, styles.autoSuggestRow)}>
                 <div>

diff --git a/apps/events-helsinki/src/domain/search/eventSearch/search.module.scss b/apps/events-helsinki/src/domain/search/eventSearch/search.module.scss
@@ -15,7 +15,7 @@ $buttonWidth: 180px;
   .contentContainer {
     margin-bottom: 2.375rem;
 
-    h2 {
+    h1 {
       font-size: var(--fontsize-heading-xl);
       font-weight: 500;
       margin-top: 2px;

diff --git a/apps/events-helsinki/src/domain/search/landingPageSearch/LandingPageSearchForm.tsx b/apps/events-helsinki/src/domain/search/landingPageSearch/LandingPageSearchForm.tsx
@@ -51,7 +51,7 @@ export default function LandingPageSearchForm({
 
   return (
     <div className={classnames(className, styles.landingPageSearch)}>
-      <h2>{tAppEvents('appEvents:home.search.title')}</h2>
+      <h1>{tAppEvents('appEvents:home.search.title')}</h1>
       <div className={styles.searchRow}>
         <div className={styles.autosuggestWrapper}>
           <SearchAutosuggest

diff --git a/apps/events-helsinki/src/domain/search/landingPageSearch/landingPageSearch.module.scss b/apps/events-helsinki/src/domain/search/landingPageSearch/landingPageSearch.module.scss
@@ -16,7 +16,7 @@
     position: relative;
   }
 
-  h2 {
+  h1 {
     font-size: var(--fontsize-heading-xl);
     font-weight: 500;
     margin-top: 0;

diff --git a/apps/hobbies-helsinki/src/domain/search/eventSearch/AdvancedSearch.tsx b/apps/hobbies-helsinki/src/domain/search/eventSearch/AdvancedSearch.tsx
@@ -259,7 +259,7 @@ const AdvancedSearch: React.FC<Props> = ({
       <ContentContainer className={styles.contentContainer}>
         <form onSubmit={handleSubmit}>
           <div className={styles.searchWrapper}>
-            <h2>{t('search.labelSearchField')}</h2>
+            <h1>{t('search.labelSearchField')}</h1>
             <div className={styles.rowWrapper}>
               <div className={classNames(styles.row, styles.autoSuggestRow)}>
                 <div>

diff --git a/apps/hobbies-helsinki/src/domain/search/eventSearch/search.module.scss b/apps/hobbies-helsinki/src/domain/search/eventSearch/search.module.scss
@@ -15,7 +15,7 @@ $buttonWidth: 180px;
   .contentContainer {
     margin-bottom: 2.375rem;
 
-    h2 {
+    h1 {
       font-size: var(--fontsize-heading-xl);
       font-weight: 500;
       margin-top: 2px;

diff --git a/apps/hobbies-helsinki/src/domain/search/landingPageSearch/LandingPageSearchForm.tsx b/apps/hobbies-helsinki/src/domain/search/landingPageSearch/LandingPageSearchForm.tsx
@@ -51,7 +51,7 @@ export default function LandingPageSearchForm({
 
   return (
     <div className={classnames(className, styles.landingPageSearch)}>
-      <h2>{tAppHobbies('appHobbies:home.search.title')}</h2>
+      <h1>{tAppHobbies('appHobbies:home.search.title')}</h1>
       <div className={styles.searchRow}>
         <div className={styles.autosuggestWrapper}>
           <SearchAutosuggest

diff --git a/apps/hobbies-helsinki/src/domain/search/landingPageSearch/landingPageSearch.module.scss b/apps/hobbies-helsinki/src/domain/search/landingPageSearch/landingPageSearch.module.scss
@@ -16,7 +16,7 @@
     position: relative;
   }
 
-  h2 {
+  h1 {
     font-size: var(--fontsize-heading-xl);
     font-weight: 500;
     margin-top: 0;

diff --git a/apps/sports-helsinki/src/domain/search/eventSearch/AdvancedSearch.tsx b/apps/sports-helsinki/src/domain/search/eventSearch/AdvancedSearch.tsx
@@ -186,7 +186,7 @@ export const AdvancedSearchForm: React.FC<AdvancedSearchFormProps> = ({
   return (
     <form onSubmit={handleSubmit}>
       <div className={styles.searchWrapper}>
-        <h2>{t('search.labelSearchField')}</h2>
+        <h1>{t('search.labelSearchField')}</h1>
         <div className={styles.rowWrapper}>
           <div className={classNames(styles.row, styles.autoSuggestRow)}>
             <div>

diff --git a/apps/sports-helsinki/src/domain/search/eventSearch/search.module.scss b/apps/sports-helsinki/src/domain/search/eventSearch/search.module.scss
@@ -15,7 +15,7 @@ $buttonWidth: 180px;
   .contentContainer {
     margin-bottom: 2.375rem;
 
-    h2 {
+    h1 {
       font-size: var(--fontsize-heading-xl);
       font-weight: 500;
       margin-top: 2px;

diff --git a/apps/sports-helsinki/src/domain/search/landingPageSearch/LandingPageSearchForm.tsx b/apps/sports-helsinki/src/domain/search/landingPageSearch/LandingPageSearchForm.tsx
@@ -33,7 +33,7 @@ export default function LandingPageSearchForm({
 
   return (
     <div className={classnames(className, styles.landingPageSearch)}>
-      <h2>{tAppSports('appSports:home.search.title')}</h2>
+      <h1>{tAppSports('appSports:home.search.title')}</h1>
       <div className={styles.searchRow}>
         <div className={styles.autosuggestWrapper}>
           <SearchAutosuggest

diff --git a/apps/sports-helsinki/src/domain/search/landingPageSearch/landingPageSearch.module.scss b/apps/sports-helsinki/src/domain/search/landingPageSearch/landingPageSearch.module.scss
@@ -16,7 +16,7 @@
     position: relative;
   }
 
-  h2 {
+  h1 {
     font-size: var(--fontsize-heading-xl);
     font-weight: 500;
     margin-top: 0;