From ee65429207e2e370acc2d8f430ff773fc0858235 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 28 Nov 2023 19:01:31 +0100
Subject: [PATCH 01/21] feat: add aria-lable to customer logos

---
 src/components/pages/landingpage/customers.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/landingpage/customers.tsx b/src/components/pages/landingpage/customers.tsx
index 1f3b494b7..7c7002f3b 100644
--- a/src/components/pages/landingpage/customers.tsx
+++ b/src/components/pages/landingpage/customers.tsx
@@ -60,7 +60,11 @@ const CustomerLogo = ({
   const CustomerLogoSVG = LogoSet[show];
 
   return (
-    <CustomerLogoLayout mobileWidth={mobileWidth} desktopWidth={desktopWidth}>
+    <CustomerLogoLayout
+      mobileWidth={mobileWidth}
+      desktopWidth={desktopWidth}
+      aria-label={`Customer Logo: ${show}`}
+    >
       <CustomerLogoSVG />
     </CustomerLogoLayout>
   );

From 77f120a7e9e0a22d2c1069865ce6733b7c2a79cc Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 28 Nov 2023 19:02:47 +0100
Subject: [PATCH 02/21] feat: disable back button when on first page & correct
 the aria-labels of the pagination buttons

---
 src/components/ui/pagination/pagination.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/pagination/pagination.tsx b/src/components/ui/pagination/pagination.tsx
index 449a5bd87..a001b3c52 100644
--- a/src/components/ui/pagination/pagination.tsx
+++ b/src/components/ui/pagination/pagination.tsx
@@ -42,7 +42,8 @@ const StyledLink = styled.a<{ disabled: boolean }>`
     disabled &&
     css`
       opacity: 50%;
-      cursor: default;
+      cursor: not-allowed;
+      pointer-events: none;
     `}
 
   &:hover {
@@ -83,7 +84,7 @@ export const Pagination = ({
       <StyledLink
         onClick={onPreviousClick}
         disabled={currentPage === 1}
-        aria-label="Next Page"
+        aria-label="Previous Page"
       >
         <Icon show={'arrow_left'} />
       </StyledLink>
@@ -101,7 +102,7 @@ export const Pagination = ({
       <StyledLink
         onClick={onNextClick}
         disabled={currentPage === amountOfPages}
-        aria-label="Previous Page"
+        aria-label="Next Page"
       >
         <Icon show={'arrow_right'} />
       </StyledLink>

From 1949a51b2952e079f63e18d504718a47b93fa703 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 28 Nov 2023 19:01:31 +0100
Subject: [PATCH 03/21] feat: add aria-lable to customer logos

---
 src/components/pages/landingpage/customers.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/landingpage/customers.tsx b/src/components/pages/landingpage/customers.tsx
index b7360e43e..64e52dbd3 100644
--- a/src/components/pages/landingpage/customers.tsx
+++ b/src/components/pages/landingpage/customers.tsx
@@ -60,7 +60,11 @@ const CustomerLogo = ({
   const CustomerLogoSVG = LogoSet[show];
 
   return (
-    <CustomerLogoLayout $mobileWidth={mobileWidth} $desktopWidth={desktopWidth}>
+    <CustomerLogoLayout
+      $mobileWidth={mobileWidth}
+      $desktopWidth={desktopWidth}
+      aria-label={`Customer Logo: ${show}`}
+    >
       <CustomerLogoSVG />
     </CustomerLogoLayout>
   );

From 5b926470610899e524d584e696eb31a99f3932d0 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 28 Nov 2023 19:02:47 +0100
Subject: [PATCH 04/21] feat: disable back button when on first page & correct
 the aria-labels of the pagination buttons

---
 src/components/ui/pagination/pagination.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/pagination/pagination.tsx b/src/components/ui/pagination/pagination.tsx
index 0a32682e0..f0e4f6b80 100644
--- a/src/components/ui/pagination/pagination.tsx
+++ b/src/components/ui/pagination/pagination.tsx
@@ -42,7 +42,8 @@ const StyledLink = styled.a<{ $disabled: boolean }>`
     $disabled &&
     css`
       opacity: 50%;
-      cursor: default;
+      cursor: not-allowed;
+      pointer-events: none;
     `}
 
   &:hover {
@@ -83,7 +84,7 @@ export const Pagination = ({
       <StyledLink
         onClick={onPreviousClick}
         $disabled={currentPage === 1}
-        aria-label="Next Page"
+        aria-label="Previous Page"
       >
         <Icon show={'arrow_left'} />
       </StyledLink>
@@ -101,7 +102,7 @@ export const Pagination = ({
       <StyledLink
         onClick={onNextClick}
         $disabled={currentPage === amountOfPages}
-        aria-label="Previous Page"
+        aria-label="Next Page"
       >
         <Icon show={'arrow_right'} />
       </StyledLink>

From aa3307d96eba586164091350a6793a9c06959c59 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 5 Dec 2023 16:49:05 +0100
Subject: [PATCH 05/21] fix: aria lable is now on the image and not the group
 feat: logos are now tab accessible

---
 src/components/pages/landingpage/customers.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/pages/landingpage/customers.tsx b/src/components/pages/landingpage/customers.tsx
index 64e52dbd3..4f2d0f506 100644
--- a/src/components/pages/landingpage/customers.tsx
+++ b/src/components/pages/landingpage/customers.tsx
@@ -60,12 +60,8 @@ const CustomerLogo = ({
   const CustomerLogoSVG = LogoSet[show];
 
   return (
-    <CustomerLogoLayout
-      $mobileWidth={mobileWidth}
-      $desktopWidth={desktopWidth}
-      aria-label={`Customer Logo: ${show}`}
-    >
-      <CustomerLogoSVG />
+    <CustomerLogoLayout $mobileWidth={mobileWidth} $desktopWidth={desktopWidth}>
+      <CustomerLogoSVG aria-label={`Customer Logo: ${show}`} tabIndex={0} />
     </CustomerLogoLayout>
   );
 };

From e48ad84251e69ee9b5af796cab5dc7297643ae79 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 5 Dec 2023 17:23:26 +0100
Subject: [PATCH 06/21] feat: changed title of social links in footer, so it is
 clear that a new tab will open

---
 src/components/layout/navigation/navigation.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/layout/navigation/navigation.tsx b/src/components/layout/navigation/navigation.tsx
index 6996f0ff7..7589293d0 100644
--- a/src/components/layout/navigation/navigation.tsx
+++ b/src/components/layout/navigation/navigation.tsx
@@ -35,8 +35,7 @@ const NavigationBackground = styled.div`
 const LegalLinks = styled.ul`
   list-style-type: none;
   align-self: end;
-  margin: 0;
-  margin-top: 24px;
+  margin: 24px 0 0;
   padding: 0;
 
   display: flex;
@@ -212,7 +211,7 @@ const Navigation: React.FC<NavigationProps> = ({
             target="_blank"
             rel="noopener noreferrer"
             href="https://www.linkedin.com/company/satellytes"
-            title="Go to the Satellytes LinkedIn profile"
+            title="Open Satellytes LinkedIn profile in a new tab"
           >
             <IconWrapper>
               <Icon show="linked_in" />
@@ -221,7 +220,7 @@ const Navigation: React.FC<NavigationProps> = ({
         </SocialLinkItem>
         <SocialLinkItem>
           <SocialLink
-            title="Go to the Satellytes Github profile"
+            title="Open Satellytes GitHub profile in a new tab"
             target="_blank"
             rel="noopener noreferrer"
             href="https://github.com/satellytes"

From 64529b90c4f18eb3f885bcac0d70dd75fdd9c62b Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 5 Dec 2023 17:39:33 +0100
Subject: [PATCH 07/21] feat: font for language-switch and legal links get
 bigger on mobile devices

---
 src/components/layout/header/language-switch.tsx | 4 ++++
 src/components/layout/navigation/navigation.tsx  | 4 ++++
 src/components/typography.ts                     | 7 ++++++-
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/header/language-switch.tsx b/src/components/layout/header/language-switch.tsx
index a71c0ff5b..77eb2cb1c 100644
--- a/src/components/layout/header/language-switch.tsx
+++ b/src/components/layout/header/language-switch.tsx
@@ -31,6 +31,10 @@ const StyledSelection = styled.select`
 
   appearance: none;
   cursor: pointer;
+
+  @media (max-width: 768px) {
+    ${TextStyles.menuMetaMobile}
+  }
 `;
 
 export const StyledChevron = styled(Icon)<{ isEnglish: boolean }>`
diff --git a/src/components/layout/navigation/navigation.tsx b/src/components/layout/navigation/navigation.tsx
index 7589293d0..d30a31f2c 100644
--- a/src/components/layout/navigation/navigation.tsx
+++ b/src/components/layout/navigation/navigation.tsx
@@ -113,6 +113,10 @@ const LegalLink = styled(Link)<{ $isSelected: boolean }>`
   &:hover {
     color: ${theme.palette.text.defaultLight};
   }
+
+  @media (max-width: 768px) {
+    ${TextStyles.menuMetaMobile}
+  }
 `;
 
 /**
diff --git a/src/components/typography.ts b/src/components/typography.ts
index 889fe65b6..54bb778a7 100644
--- a/src/components/typography.ts
+++ b/src/components/typography.ts
@@ -123,12 +123,17 @@ export const TextStyles = {
 
     letter-spacing: -0.01em;
   `,
-  // MenuLaguage has the exact same configuration as MenuMeta
+  // MenuLanguage has the exact same configuration as MenuMeta
   menuMeta: css`
     font-weight: bold;
     font-size: 14px;
     line-height: 110%;
   `,
+  menuMetaMobile: css`
+    font-weight: bold;
+    font-size: 18px;
+    line-height: 110%;
+  `,
   label: css`
     font-weight: normal;
     font-size: 13px;

From e0e3cfc9394cebf55707e09602ca9e2b974b90d1 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Mon, 11 Dec 2023 16:23:55 +0100
Subject: [PATCH 08/21] feat: add aria label to homepage backlink in header

---
 src/components/layout/header/header.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/layout/header/header.tsx b/src/components/layout/header/header.tsx
index 021f10eeb..f404b2f17 100644
--- a/src/components/layout/header/header.tsx
+++ b/src/components/layout/header/header.tsx
@@ -173,6 +173,7 @@ const Header: React.FC<HeaderProps> = (props) => {
       <SiteTitle
         to={props.siteTitleUrl || '/'}
         $lightTheme={Boolean(props.$lightTheme && !isHeaderTransparent)}
+        aria-label={'Link to ' + props.siteTitle + ' homepage'}
       >
         <HeaderSwoosh />
         {props.siteTitle}

From ad1afe2730fe74441cf9b092ad1dbb3044d18997 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Mon, 11 Dec 2023 16:50:57 +0100
Subject: [PATCH 09/21] feat: slightly changed contrast between timestamps and
 background

---
 src/components/layout/theme.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/theme.tsx b/src/components/layout/theme.tsx
index 9ba15dc25..75826ea31 100644
--- a/src/components/layout/theme.tsx
+++ b/src/components/layout/theme.tsx
@@ -18,7 +18,7 @@ export const theme: DefaultTheme = {
       defaultDark: '#FFFFFF',
       secondary: 'rgba(32,40,64,0.5)',
       topline: '#3E61EE',
-      timestamp: 'rgba(0, 0, 0, 0.5)',
+      timestamp: 'rgba(0, 0, 0, 0.65)',
       errorMessage: '#FF0D35',
       header: {
         default: '#FFFFFF',

From a55916925dbb18b9a88a79170616dc60bd442f9e Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Mon, 11 Dec 2023 17:10:14 +0100
Subject: [PATCH 10/21] =?UTF-8?q?feat:=20made=20"=C2=B7"=20between=20legal?=
 =?UTF-8?q?=20links=20<li>=20instead=20of=20<span>=20because=20it's=20in?=
 =?UTF-8?q?=20a=20<ul>?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/navigation/navigation.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/navigation/navigation.tsx b/src/components/layout/navigation/navigation.tsx
index d30a31f2c..0490b555c 100644
--- a/src/components/layout/navigation/navigation.tsx
+++ b/src/components/layout/navigation/navigation.tsx
@@ -244,7 +244,7 @@ const Navigation: React.FC<NavigationProps> = ({
             {t('navigation.imprint')}
           </LegalLink>
         </li>
-        <span>·</span>
+        <li>·</li>
         <li>
           <LegalLink
             to="/data-privacy"

From 985467b80782fbf45a2c827af88237814325f2c3 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Mon, 11 Dec 2023 17:17:36 +0100
Subject: [PATCH 11/21] feat: moved aria label from nav to select element on
 the language select to make it easier for screen reader users

---
 src/components/layout/header/language-switch.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/header/language-switch.tsx b/src/components/layout/header/language-switch.tsx
index 77eb2cb1c..f267a39db 100644
--- a/src/components/layout/header/language-switch.tsx
+++ b/src/components/layout/header/language-switch.tsx
@@ -49,13 +49,14 @@ export const LanguageSwitch = ({
   const { languages, language, t, changeLanguage } = useI18next();
 
   return (
-    <StyledNav aria-label={t('navigation.language-aria')} className={className}>
+    <StyledNav className={className}>
       <StyledChevron isEnglish={language === 'en'} show="caret_squared_down" />
       <StyledSelection
         onChange={(event) => {
           changeLanguage(event.target.value);
         }}
         value={language}
+        aria-label={t('navigation.language-aria')}
       >
         {languages.map((languageOfLink) => (
           <option value={languageOfLink} key={languageOfLink}>

From f88b08afb97f3a6046741ccd7ab49b7c9306027e Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Mon, 11 Dec 2023 17:53:35 +0100
Subject: [PATCH 12/21] feat: add aria label to rss button; changed SocialLinks
 from ul to div so the screen reader ignores it; add aria-hidden to text above
 rss button because it would be redundant

---
 src/components/pages/blog-post/follow-panel.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/pages/blog-post/follow-panel.tsx b/src/components/pages/blog-post/follow-panel.tsx
index d28c2185a..de731c78c 100644
--- a/src/components/pages/blog-post/follow-panel.tsx
+++ b/src/components/pages/blog-post/follow-panel.tsx
@@ -19,7 +19,7 @@ const FollowPanelContainer = styled.div`
   font-size: 16px;
 
   ${up('md')} {
-    margin-top: 0px;
+    margin-top: 0;
     min-width: 240px;
   }
 `;
@@ -31,7 +31,7 @@ export const PanelText = styled.p`
   color: ${({ theme }) => theme.palette.text.default};
 `;
 
-const SocialLinks = styled.ul`
+const SocialLinks = styled.div`
   all: unset;
   order: 2;
   color: ${({ theme }) => theme.palette.text.link.default};
@@ -64,10 +64,10 @@ export const FollowPanel = ({ className }: FollowProps) => {
 
   return (
     <FollowPanelContainer className={className}>
-      <PanelText>{t('blog.follow')}</PanelText>
+      <PanelText aria-hidden={true}>{t('blog.follow')}</PanelText>
       <SocialLinks>
         <SocialLinkItem data-testid="rss-feed">
-          <Link to={rssUrl}>
+          <Link to={rssUrl} aria-label={t('blog.follow')}>
             <Icon show="rss" />
           </Link>
         </SocialLinkItem>

From bab3fd6f47ed846bb07b6d14760323592e603c8c Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 12 Dec 2023 17:22:55 +0100
Subject: [PATCH 13/21] feat: hide honypot field from screen reader

---
 src/components/pages/contact/honeypot.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/contact/honeypot.tsx b/src/components/pages/contact/honeypot.tsx
index 2a01cf9b0..354a40fa4 100644
--- a/src/components/pages/contact/honeypot.tsx
+++ b/src/components/pages/contact/honeypot.tsx
@@ -6,6 +6,7 @@ import { FormData } from './form';
 
 const HoneypotFieldContainer = styled.div`
   ${hideVisually()}
+  aria-hidden: true;
 `;
 
 export const HoneypotField = (
@@ -14,7 +15,7 @@ export const HoneypotField = (
   const { field } = useController(props);
   return (
     <HoneypotFieldContainer>
-      <label>
+      <label aria-hidden={true}>
         {props.label}
         <input
           id={props.name}
@@ -22,6 +23,7 @@ export const HoneypotField = (
           {...field}
           tabIndex={-1}
           autoComplete="false"
+          aria-hidden={true}
         />
       </label>
     </HoneypotFieldContainer>

From a5bd924873e1a85548eefaabd62bc5415aef55e2 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 12 Dec 2023 17:25:58 +0100
Subject: [PATCH 14/21] feat: add aria-lable to google maps link

---
 src/components/pages/contact/address.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/contact/address.tsx b/src/components/pages/contact/address.tsx
index 80174fd1a..8f5cf80bb 100644
--- a/src/components/pages/contact/address.tsx
+++ b/src/components/pages/contact/address.tsx
@@ -29,7 +29,10 @@ export const Address = () => {
       80331 München
       <br />
       <br />
-      <StyledLink to="https://g.page/satellytes?share">
+      <StyledLink
+        to="https://g.page/satellytes?share"
+        aria-label={'Open Satellytes Google Maps profile in a new tab'}
+      >
         Google Maps &gt;
       </StyledLink>
     </SectionHeader>

From 54af03e3fb222b54a32f1d4e6489e0ddc0bbaa5f Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 12 Dec 2023 17:57:33 +0100
Subject: [PATCH 15/21] feat: made pagination buttons tab accessible when not
 disabled

---
 src/components/ui/pagination/pagination.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/ui/pagination/pagination.tsx b/src/components/ui/pagination/pagination.tsx
index f0e4f6b80..34b03e907 100644
--- a/src/components/ui/pagination/pagination.tsx
+++ b/src/components/ui/pagination/pagination.tsx
@@ -85,6 +85,7 @@ export const Pagination = ({
         onClick={onPreviousClick}
         $disabled={currentPage === 1}
         aria-label="Previous Page"
+        tabIndex={currentPage === 1 ? -1 : 0}
       >
         <Icon show={'arrow_left'} />
       </StyledLink>
@@ -103,6 +104,7 @@ export const Pagination = ({
         onClick={onNextClick}
         $disabled={currentPage === amountOfPages}
         aria-label="Next Page"
+        tabIndex={currentPage === amountOfPages ? -1 : 0}
       >
         <Icon show={'arrow_right'} />
       </StyledLink>

From cbd5231361d302a793b6783be5d3d008b38d1299 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Mon, 18 Dec 2023 16:18:44 +0100
Subject: [PATCH 16/21] feat: increased text size of contact leadbox

---
 src/components/content/leadbox/leadbox.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/content/leadbox/leadbox.tsx b/src/components/content/leadbox/leadbox.tsx
index 3b7541237..197275798 100644
--- a/src/components/content/leadbox/leadbox.tsx
+++ b/src/components/content/leadbox/leadbox.tsx
@@ -95,18 +95,18 @@ const IllustrationStyled = styled(Illustration)`
 `;
 
 const ContactHeadline = styled.h3`
-  ${TextStyles.textS}
+  ${TextStyles.textR}
   margin: 0;
   font-weight: bold;
 `;
 
 const ContactTitle = styled.p`
-  ${TextStyles.textXS}
+  ${TextStyles.textS}
   margin: 0;
 `;
 
 const ContactMail = styled(Link)`
-  ${TextStyles.textS}
+  ${TextStyles.textR}
   color: ${theme.palette.text.link.default};
 
   &:hover {

From 28791d6b53669cf82a5739535c02d89ab161fad6 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Mon, 18 Dec 2023 16:35:41 +0100
Subject: [PATCH 17/21] feat: add aria-hidden to share links in rich contentful
 text

---
 src/components/layout/with-anchor-hoc.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/layout/with-anchor-hoc.tsx b/src/components/layout/with-anchor-hoc.tsx
index acc53e437..2045be3eb 100644
--- a/src/components/layout/with-anchor-hoc.tsx
+++ b/src/components/layout/with-anchor-hoc.tsx
@@ -51,6 +51,7 @@ export const WithAnchorHOC =
           href={'#' + generateAnchorId(props.children)}
           id={generateAnchorId(props.children)}
           $visible={hoverActive}
+          aria-hidden={true}
         >
           <Icon show={'anchor'} />
         </ShareSymbol>

From e01057ea2861297edcf16f780985d62db589af78 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Mon, 18 Dec 2023 16:49:00 +0100
Subject: [PATCH 18/21] feat: add placeholder text to form as example input

---
 src/assets/locales/de/translations.json        | 3 +++
 src/assets/locales/en/translations.json        | 3 +++
 src/components/forms/text-area/text-area.tsx   | 6 +++++-
 src/components/forms/text-input/text-input.tsx | 6 +++++-
 src/components/pages/contact/form-fields.tsx   | 3 +++
 5 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/assets/locales/de/translations.json b/src/assets/locales/de/translations.json
index c66972f42..5b8a6cb72 100644
--- a/src/assets/locales/de/translations.json
+++ b/src/assets/locales/de/translations.json
@@ -48,8 +48,11 @@
   "contact.info-link": "<0>Nutzen Sie unser Kontaktformular oder schreiben Sie uns eine E-Mail an <1>info@satellytes.com</1></0>",
   "contact.info": "Nutzen Sie unser Kontaktformular oder schreiben Sie uns eine E-Mail an beep@satellytes.com",
   "contact.name": "Name",
+  "contact.name-placeholder": "z.B. Max Mustermann",
   "contact.email": "E-Mail Adresse",
+  "contact.email-placeholder": "z.B. deine-email@adresse.com",
   "contact.message": "Deine Nachricht an uns",
+  "contact.message-placeholder": "z.B. Hallo Satellytes, ...",
   "contact.mandatory-field": "Pflichtfeld",
   "contact.error.name": "Dein Name fehlt",
   "contact.error.message": "Deine Nachricht fehlt",
diff --git a/src/assets/locales/en/translations.json b/src/assets/locales/en/translations.json
index 248018667..b49f1ae8a 100644
--- a/src/assets/locales/en/translations.json
+++ b/src/assets/locales/en/translations.json
@@ -48,8 +48,11 @@
   "contact.info-link": "<0>Please use our contact form or send us an email to <1>info@satellytes.com</1></0>",
   "contact.info": "Please use our contact form or send us an email to beep@satellytes.com",
   "contact.name": "Name",
+  "contact.name-placeholder": "e.g. John Doe",
   "contact.email": "E-mail address",
+  "contact.email-placeholder": "e.g. your-email@adress.com",
   "contact.message": "Your message to us",
+  "contact.message-placeholder": "e.g. Hello Satellytes, ...",
   "contact.mandatory-field": "Mandatory field",
   "contact.error.name": "Your name is missing",
   "contact.error.message": "Your message is missing",
diff --git a/src/components/forms/text-area/text-area.tsx b/src/components/forms/text-area/text-area.tsx
index baea48f8d..181dc5f3a 100644
--- a/src/components/forms/text-area/text-area.tsx
+++ b/src/components/forms/text-area/text-area.tsx
@@ -29,7 +29,10 @@ const StyledTextArea = styled.textarea<{ $hasError?: boolean }>`
 `;
 
 export const TextArea = (
-  props: UseControllerProps<FormDataProps> & { label: string },
+  props: UseControllerProps<FormDataProps> & {
+    label: string;
+    placeholder?: string;
+  },
 ) => {
   const { field, fieldState, formState } = useController(props);
   const errorMessage = fieldState?.error?.message;
@@ -50,6 +53,7 @@ export const TextArea = (
         value={(field?.value as string) || ''}
         name={props.name}
         id={props.name}
+        placeholder={props.placeholder}
       />
 
       {errorMessage && <StyledErrorMessage>{errorMessage}</StyledErrorMessage>}
diff --git a/src/components/forms/text-input/text-input.tsx b/src/components/forms/text-input/text-input.tsx
index 31bb907f5..db7451bc7 100644
--- a/src/components/forms/text-input/text-input.tsx
+++ b/src/components/forms/text-input/text-input.tsx
@@ -47,7 +47,10 @@ export const StyledErrorMessage = styled.span`
 `;
 
 export const TextInput = (
-  props: UseControllerProps<FormDataProps> & { label: string },
+  props: UseControllerProps<FormDataProps> & {
+    label: string;
+    placeholder?: string;
+  },
 ) => {
   const { field, fieldState, formState } = useController(props);
   const errorMessage = fieldState?.error?.message;
@@ -66,6 +69,7 @@ export const TextInput = (
         $hasError={Boolean(errorMessage)}
         disabled={formState.isSubmitting}
         id={props.name}
+        placeholder={props.placeholder}
         {...field}
         value={(field?.value as string) || ''}
       />
diff --git a/src/components/pages/contact/form-fields.tsx b/src/components/pages/contact/form-fields.tsx
index bd8c6e475..4ca74b6b8 100644
--- a/src/components/pages/contact/form-fields.tsx
+++ b/src/components/pages/contact/form-fields.tsx
@@ -21,6 +21,7 @@ export const FirstName = ({ control }) => {
       <TextInput
         name={'first_name'}
         label={t('contact.name')}
+        placeholder={t('contact.name-placeholder')}
         control={control}
         rules={{ required: t('contact.error.name') }}
       />
@@ -35,6 +36,7 @@ export const Email = ({ control }) => {
       <TextInput
         name={'email'}
         label={t('contact.email')}
+        placeholder={t('contact.email-placeholder')}
         control={control}
         rules={{
           required: t('contact.error.email'),
@@ -59,6 +61,7 @@ export const MessageArea = ({ control }) => {
       <TextArea
         name={'message'}
         label={t('contact.message')}
+        placeholder={t('contact.message-placeholder')}
         control={control}
         rules={{ required: t('contact.error.message') }}
       />

From 4896e0df3834ae979a23ef55d8bc6f17d263f0da Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 19 Dec 2023 16:23:31 +0100
Subject: [PATCH 19/21] feat: AA complient color contrast

---
 src/components/layout/theme.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/theme.tsx b/src/components/layout/theme.tsx
index 75826ea31..8c1875c6d 100644
--- a/src/components/layout/theme.tsx
+++ b/src/components/layout/theme.tsx
@@ -19,7 +19,7 @@ export const theme: DefaultTheme = {
       secondary: 'rgba(32,40,64,0.5)',
       topline: '#3E61EE',
       timestamp: 'rgba(0, 0, 0, 0.65)',
-      errorMessage: '#FF0D35',
+      errorMessage: '#EB0027',
       header: {
         default: '#FFFFFF',
         light: '#3E61EE',

From 65ac294812bd76e22e23f25cea6ba30d75d33031 Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 19 Dec 2023 16:26:59 +0100
Subject: [PATCH 20/21] feat: Better error messages for contact form

---
 src/assets/locales/de/translations.json                |  8 ++++----
 src/assets/locales/en/translations.json                | 10 +++++-----
 .../pages/landingpage/landing-page-teaser-grid.tsx     |  3 +--
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/assets/locales/de/translations.json b/src/assets/locales/de/translations.json
index 5b8a6cb72..f33d9a7e3 100644
--- a/src/assets/locales/de/translations.json
+++ b/src/assets/locales/de/translations.json
@@ -54,10 +54,10 @@
   "contact.message": "Deine Nachricht an uns",
   "contact.message-placeholder": "z.B. Hallo Satellytes, ...",
   "contact.mandatory-field": "Pflichtfeld",
-  "contact.error.name": "Dein Name fehlt",
-  "contact.error.message": "Deine Nachricht fehlt",
-  "contact.error.email": "Deine E-Mail fehlt",
-  "contact.error.email-undefined": "Irgendwas stimmt an dieser E-Mail nicht",
+  "contact.error.name": "Das Feld Name ist nicht ausgefüllt. Bitte fülle es aus um die Nachricht senden zu können",
+  "contact.error.message": "Das Feld Nachricht ist nicht ausgefüllt. Bitte fülle es aus um die Nachricht senden zu können",
+  "contact.error.email": "Das Feld E-Mail ist nicht ausgefüllt. Bitte fülle es aus um die Nachricht senden zu können",
+  "contact.error.email-undefined": "Irgendwas stimmt an dieser E-Mail nicht. Bitte überprüfe sie und versuche es noch einmal",
   "contact.action.again-text": "Leider gab es einen Fehler. Bitte versuche es noch einmal. Klappt das nicht, schicke deine Nachricht bitte direkt an",
   "contact.action.missing": "Bitte fülle alle benötigten Felder aus",
   "contact.action.send": "Senden",
diff --git a/src/assets/locales/en/translations.json b/src/assets/locales/en/translations.json
index b49f1ae8a..48f3025c7 100644
--- a/src/assets/locales/en/translations.json
+++ b/src/assets/locales/en/translations.json
@@ -54,11 +54,11 @@
   "contact.message": "Your message to us",
   "contact.message-placeholder": "e.g. Hello Satellytes, ...",
   "contact.mandatory-field": "Mandatory field",
-  "contact.error.name": "Your name is missing",
-  "contact.error.message": "Your message is missing",
-  "contact.error.email": "Your email is missing",
-  "contact.error.email-undefined": "Something is wrong with this email",
-  "contact.action.again-text": "Unfortunately, there was a mistake. Please try again. If this does not work, please send your message directly to",
+  "contact.error.name": "The field name is not filled in. Please fill in the field name to send the message.",
+  "contact.error.message": "The field message is not filled in. Please fill in the field message to send the message.",
+  "contact.error.email": "The field email is not filled in. Please fill in the field email to send the message.",
+  "contact.error.email-undefined": "Something is wrong with this email. Please check the email address and try again.",
+  "contact.action.again-text": "Unfortunately, there was a error. Please try again. If this does not work, please send your message directly to",
   "contact.action.missing": "Please fill in all required fields",
   "contact.action.send": "Send",
   "contact.action.again": "Send again",
diff --git a/src/components/pages/landingpage/landing-page-teaser-grid.tsx b/src/components/pages/landingpage/landing-page-teaser-grid.tsx
index 21333447c..f90773d6e 100644
--- a/src/components/pages/landingpage/landing-page-teaser-grid.tsx
+++ b/src/components/pages/landingpage/landing-page-teaser-grid.tsx
@@ -14,8 +14,7 @@ export const LandingPageTeaserGrid = styled.div`
     grid-auto-flow: row;
     grid-template-columns: repeat(auto-fit, minmax(242px, 1fr));
     gap: 72px;
-    margin: 0;
-    margin-bottom: 60px;
+    margin: 0 0 60px;
     padding: 0;
     overflow-x: hidden;
   }

From 770a76e11e31954b2c70ef6ad3f292eeb5bbd5bd Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Tue, 19 Dec 2023 16:36:09 +0100
Subject: [PATCH 21/21] feat: More descriptive button text for services button
 on landing page

---
 src/assets/locales/de/translations.json | 2 +-
 src/assets/locales/en/translations.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/assets/locales/de/translations.json b/src/assets/locales/de/translations.json
index f33d9a7e3..f8ce2eec4 100644
--- a/src/assets/locales/de/translations.json
+++ b/src/assets/locales/de/translations.json
@@ -2,7 +2,7 @@
   "main.description": "Wir sind Ihr Partner für moderne und zukunftsorientierte Softwareentwicklung. Mit einer Kombination aus Expertise und Enthusiasmus bringen wir Ihre digitale Vision zum Leben. Wir wissen, dass jeder Kunde einzigartig ist. Deshalb entwickeln und designen wir maßgeschneiderte Softwarelösungen, die perfekt auf Ihre Bedürfnisse abgestimmt sind.",
   "main.career.button": "Alle offenen Stellen",
   "main.blog.button": "Alle Artikel",
-  "main.services.button": "Erfahren Sie mehr",
+  "main.services.button": "Mehr details zu unseren Leistungen",
   "career.mandatory-field": "* Pflichtfeld",
   "career.headline": "Bewirb dich jetzt!",
   "career.first-name": "Vorname",
diff --git a/src/assets/locales/en/translations.json b/src/assets/locales/en/translations.json
index 48f3025c7..1350bccd7 100644
--- a/src/assets/locales/en/translations.json
+++ b/src/assets/locales/en/translations.json
@@ -2,7 +2,7 @@
   "main.description": "We are your partner for modern and future-oriented software development. With a combination of expertise and enthusiasm, we bring your digital vision to life. We know that every customer is unique. That's why we develop and design custom software solutions that are perfectly tailored to your needs.",
   "main.career.button": "All vacancies",
   "main.blog.button": "All articles",
-  "main.services.button": "Learn more",
+  "main.services.button": "More about our services",
   "career.headline": "Apply now!",
   "career.mandatory-field": "* Mandatory field",
   "career.first-name": "First name",