added Clickables, Forms and Document improvements

ConductionNL · Oct 10, 2023 · 7bf8b07 · 7bf8b07
1 parent 7980b3e
commit 7bf8b07
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 1 deletion.
diff --git a/pwa/src/templates/jumbotronTemplate/JumbotronTemplate.tsx b/pwa/src/templates/jumbotronTemplate/JumbotronTemplate.tsx
@@ -8,7 +8,12 @@ export const JumbotronTemplate: React.FC = () => {
   const { t } = useTranslation();
 
   return (
-    <div style={{ backgroundImage: `url(${process.env.GATSBY_JUMBOTRON_IMAGE_URL})` }} className={styles.wrapper}>
+    <div
+      aria-label={t("Jumbotron")}
+      role="contentinfo"
+      style={{ backgroundImage: `url(${process.env.GATSBY_JUMBOTRON_IMAGE_URL})` }}
+      className={styles.wrapper}
+    >
       <Page>
         <PageContent>
           <div>

diff --git a/pwa/src/templates/templateParts/filters/FiltersTemplate.tsx b/pwa/src/templates/templateParts/filters/FiltersTemplate.tsx
@@ -55,6 +55,7 @@ export const FiltersTemplate: React.FC<FiltersTemplateProps> = ({ isLoading }) =
           name="title"
           placeholder={`${t("Search")}..`}
           defaultValue={filters._search}
+          aria-label={t("Search")}
           {...{ register, errors }}
         />
         <SelectSingle
@@ -63,6 +64,7 @@ export const FiltersTemplate: React.FC<FiltersTemplateProps> = ({ isLoading }) =
           placeholder={t("Year")}
           isClearable
           {...{ register, errors, control }}
+          aria-label={t("Select year")}
         />
         <SelectSingle
           options={TEMP_PUBLICATION_TYPES}
@@ -71,6 +73,7 @@ export const FiltersTemplate: React.FC<FiltersTemplateProps> = ({ isLoading }) =
           defaultValue={TEMP_PUBLICATION_TYPES.find((option) => option.value === filters.Categorie)}
           isClearable
           {...{ register, errors, control }}
+          aria-label={t("Select category")}
         />
 
         <Button type="submit" className={styles.button} disabled={isLoading}>

diff --git a/pwa/src/templates/templateParts/footer/FooterTemplate.tsx b/pwa/src/templates/templateParts/footer/FooterTemplate.tsx
@@ -72,6 +72,7 @@ const DynamicSection: React.FC<{ content: TDynamicContentItem }> = ({ content })
               onClick={() => navigate(item.link ?? "")}
               tabIndex={0}
               aria-label={`${t(item.label)}, ${t(item.value)}`}
+              role="button"
             >
               {item.value}
             </Link>

diff --git a/pwa/src/translations/en.ts b/pwa/src/translations/en.ts
@@ -41,4 +41,7 @@ export const en = {
   "Skip to footer content": "Skip to footer content",
   "Phone number": "Phone number",
   "Email address": "Email address",
+  "Select year": "Select year",
+  "Select category": "Select category",
+
 };
diff --git a/pwa/src/translations/nl.ts b/pwa/src/translations/nl.ts
@@ -41,4 +41,6 @@ export const nl = {
   "Skip to footer content": "Ga naar de voettekst",
   "Phone number": "Telefoonnummer",
   "Email address": "E-mailadres",
+  "Select year": "Selecteer jaar",
+  "Select category": "Selecteer categorie",
 };