From 7cf7a9529a99658c4e5cc0d59279a36f9dac2b28 Mon Sep 17 00:00:00 2001
From: LeandraH <leandravhahn@gmail.com>
Date: Mon, 2 Sep 2024 16:29:45 +0200
Subject: [PATCH 01/12] 2173: Add a11y-language in categories

---
 native/src/components/Caption.tsx             | 12 ++++++++++--
 native/src/components/CategoryListItem.tsx    |  2 +-
 native/src/components/HeaderBox.tsx           | 10 ++++++++--
 native/src/components/ListItem.tsx            |  2 +-
 native/src/components/SubCategoryListItem.tsx |  2 +-
 native/src/components/Tile.tsx                |  5 +++--
 native/src/components/Tiles.tsx               |  2 +-
 7 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/native/src/components/Caption.tsx b/native/src/components/Caption.tsx
index 095bd944ca..5b0ae76b1c 100644
--- a/native/src/components/Caption.tsx
+++ b/native/src/components/Caption.tsx
@@ -1,6 +1,7 @@
-import React, { ReactElement } from 'react'
+import React, { ReactElement, useContext } from 'react'
 import styled from 'styled-components/native'
 
+import { AppContext } from '../contexts/AppContextProvider'
 import Text from './base/Text'
 
 const H1 = styled(Text)`
@@ -14,6 +15,13 @@ type CaptionProps = {
   title: string
 }
 
-const Caption = ({ title }: CaptionProps): ReactElement => <H1 android_hyphenationFrequency='full'>{title}</H1>
+const Caption = ({ title }: CaptionProps): ReactElement => {
+  const { languageCode } = useContext(AppContext)
+  return (
+    <H1 android_hyphenationFrequency='full' accessibilityLanguage={languageCode}>
+      {title}
+    </H1>
+  )
+}
 
 export default Caption
diff --git a/native/src/components/CategoryListItem.tsx b/native/src/components/CategoryListItem.tsx
index 0204a9820f..fa942cb948 100644
--- a/native/src/components/CategoryListItem.tsx
+++ b/native/src/components/CategoryListItem.tsx
@@ -68,7 +68,7 @@ const CategoryListItem = ({
   onItemPress,
 }: CategoryListItemProps): ReactElement => (
   <>
-    <FlexStyledLink onPress={() => onItemPress({ path: category.path })}>
+    <FlexStyledLink onPress={() => onItemPress({ path: category.path })} accessibilityLanguage={language}>
       <DirectionContainer language={language}>
         <CategoryEntryContainer>
           <TitleDirectionContainer language={language}>
diff --git a/native/src/components/HeaderBox.tsx b/native/src/components/HeaderBox.tsx
index 96b5954359..dabb56cccf 100644
--- a/native/src/components/HeaderBox.tsx
+++ b/native/src/components/HeaderBox.tsx
@@ -1,11 +1,12 @@
 import { HeaderBackButton } from '@react-navigation/elements'
-import React, { ReactElement } from 'react'
+import React, { ReactElement, useContext } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useWindowDimensions } from 'react-native'
 import styled, { useTheme } from 'styled-components/native'
 
 import { buildConfigAssets } from '../constants/buildConfig'
 import dimensions from '../constants/dimensions'
+import { AppContext } from '../contexts/AppContextProvider'
 import Icon from './base/Icon'
 
 const HorizontalLeft = styled.View`
@@ -37,6 +38,7 @@ const HeaderBox = ({ goBack, canGoBack = true, text }: HeaderBoxProps): ReactEle
   const deviceWidth = useWindowDimensions().width
   const theme = useTheme()
   const { t } = useTranslation('common')
+  const { languageCode } = useContext(AppContext)
 
   const AppIcon = buildConfigAssets().AppIcon
   const HeaderIcon = canGoBack ? (
@@ -49,10 +51,14 @@ const HeaderBox = ({ goBack, canGoBack = true, text }: HeaderBoxProps): ReactEle
   ) : (
     <StyledIcon Icon={AppIcon} />
   )
+
   return (
     <HorizontalLeft>
       {HeaderIcon}
-      <HeaderText allowFontScaling={false} fontSize={deviceWidth * dimensions.fontScaling}>
+      <HeaderText
+        allowFontScaling={false}
+        fontSize={deviceWidth * dimensions.fontScaling}
+        accessibilityLanguage={languageCode}>
         {text}
       </HeaderText>
     </HorizontalLeft>
diff --git a/native/src/components/ListItem.tsx b/native/src/components/ListItem.tsx
index ebe041db06..01d8831d3b 100644
--- a/native/src/components/ListItem.tsx
+++ b/native/src/components/ListItem.tsx
@@ -54,7 +54,7 @@ type ListItemProps = {
 }
 
 const ListItem = ({ language, title, thumbnail, children, Icon, navigateTo }: ListItemProps): ReactElement => (
-  <StyledPressable onPress={navigateTo}>
+  <StyledPressable onPress={navigateTo} accessibilityLanguage={language}>
     <ListItemView language={language}>
       <Thumbnail source={thumbnail} />
       <Description>
diff --git a/native/src/components/SubCategoryListItem.tsx b/native/src/components/SubCategoryListItem.tsx
index cde749da2f..1fb43679d8 100644
--- a/native/src/components/SubCategoryListItem.tsx
+++ b/native/src/components/SubCategoryListItem.tsx
@@ -42,7 +42,7 @@ const SubCategoryListItem = ({
   onItemPress,
   language,
 }: SubCategoryListItemProps): ReactElement => (
-  <FlexStyledLink onPress={() => onItemPress(subCategory)} language={language}>
+  <FlexStyledLink onPress={() => onItemPress(subCategory)} language={language} accessibilityLanguage={language}>
     <SubCategoryTitleContainer language={language}>
       {!!subCategory.thumbnail && (
         <CategoryThumbnail language={language} source={subCategory.thumbnail} resourceCache={resourceCache} />
diff --git a/native/src/components/Tile.tsx b/native/src/components/Tile.tsx
index 1af584a587..158a244e01 100644
--- a/native/src/components/Tile.tsx
+++ b/native/src/components/Tile.tsx
@@ -32,15 +32,16 @@ type TileProps = {
   tile: TileModel
   onTilePress: (tile: TileModel) => void
   resourceCache: PageResourceCacheStateType | undefined
+  language: string
 }
 
-const Tile = ({ onTilePress, tile, resourceCache }: TileProps): ReactElement => {
+const Tile = ({ onTilePress, tile, resourceCache, language }: TileProps): ReactElement => {
   const showSnackbar = useSnackbar()
   const openTile = () =>
     tile.isExternalUrl ? openExternalUrl(tile.path, showSnackbar).catch(reportError) : onTilePress(tile)
 
   return (
-    <TileContainer onPress={openTile}>
+    <TileContainer onPress={openTile} accessibilityLanguage={language}>
       <Thumbnail source={tile.thumbnail} resourceCache={resourceCache} />
       <TileTitle android_hyphenationFrequency='full'>{tile.title}</TileTitle>
     </TileContainer>
diff --git a/native/src/components/Tiles.tsx b/native/src/components/Tiles.tsx
index ac3ad9c570..08a1ffa5c8 100644
--- a/native/src/components/Tiles.tsx
+++ b/native/src/components/Tiles.tsx
@@ -29,7 +29,7 @@ const Tiles = ({ title, language, tiles, onTilePress, resourceCache }: TilesProp
     {!!title && <Caption title={title} />}
     <TilesRow language={language}>
       {tiles.map(tile => (
-        <Tile key={tile.path} tile={tile} onTilePress={onTilePress} resourceCache={resourceCache} />
+        <Tile key={tile.path} tile={tile} onTilePress={onTilePress} resourceCache={resourceCache} language={language} />
       ))}
     </TilesRow>
   </>

From ace8a6fa467fb476434b035ee513dbc6a510f64e Mon Sep 17 00:00:00 2001
From: LeandraH <leandravhahn@gmail.com>
Date: Mon, 2 Sep 2024 17:44:25 +0200
Subject: [PATCH 02/12] 2173: Add a11y-language elsewhere

---
 native/src/components/Caption.tsx        |  6 ++---
 native/src/components/CityEntry.tsx      |  9 ++++++--
 native/src/components/Header.tsx         | 28 ++++++++++++++++++++++--
 native/src/components/HeaderBox.tsx      |  6 ++---
 native/src/components/NewsListItem.tsx   |  6 +++--
 native/src/components/Page.tsx           |  2 +-
 native/src/components/SearchListItem.tsx |  2 +-
 7 files changed, 45 insertions(+), 14 deletions(-)

diff --git a/native/src/components/Caption.tsx b/native/src/components/Caption.tsx
index 5b0ae76b1c..3606f40d43 100644
--- a/native/src/components/Caption.tsx
+++ b/native/src/components/Caption.tsx
@@ -13,12 +13,12 @@ const H1 = styled(Text)`
 `
 type CaptionProps = {
   title: string
+  language?: string
 }
 
-const Caption = ({ title }: CaptionProps): ReactElement => {
-  const { languageCode } = useContext(AppContext)
+const Caption = ({ title, language }: CaptionProps): ReactElement => {
   return (
-    <H1 android_hyphenationFrequency='full' accessibilityLanguage={languageCode}>
+    <H1 android_hyphenationFrequency='full' accessibilityLanguage={language}>
       {title}
     </H1>
   )
diff --git a/native/src/components/CityEntry.tsx b/native/src/components/CityEntry.tsx
index 7e5a0d0038..87498e1251 100644
--- a/native/src/components/CityEntry.tsx
+++ b/native/src/components/CityEntry.tsx
@@ -1,4 +1,4 @@
-import React, { Fragment, memo, ReactElement } from 'react'
+import React, { Fragment, memo, ReactElement, useContext } from 'react'
 import { Text } from 'react-native'
 import Highlighter from 'react-native-highlight-words'
 import styled from 'styled-components/native'
@@ -6,6 +6,7 @@ import styled from 'styled-components/native'
 import { normalizeString } from 'shared'
 import { CityModel } from 'shared/api'
 
+import { AppContext } from '../contexts/AppContextProvider'
 import testID from '../testing/testID'
 import Pressable from './base/Pressable'
 
@@ -52,6 +53,7 @@ const CityEntry = ({ city, query, navigateToDashboard }: CityEntryProps): ReactE
       ? Object.keys(city.aliases).filter(alias => normalizeString(alias).includes(normalizedQuery))
       : []
   const aliases = matchingAliases.slice(0, MAX_NUMBER_OF_ALIASES_SHOWN)
+  const { languageCode } = useContext(AppContext)
 
   const Aliases =
     aliases.length > 0 ? (
@@ -86,7 +88,10 @@ const CityEntry = ({ city, query, navigateToDashboard }: CityEntryProps): ReactE
     ) : null
 
   return (
-    <CityListItem {...testID('City-Entry')} onPress={() => navigateToDashboard(city)}>
+    <CityListItem
+      {...testID('City-Entry')}
+      onPress={() => navigateToDashboard(city)}
+      accessibilityLanguage={languageCode}>
       <>
         <Label
           searchWords={[normalizedQuery]}
diff --git a/native/src/components/Header.tsx b/native/src/components/Header.tsx
index 5afe53cf57..5f70561ac9 100644
--- a/native/src/components/Header.tsx
+++ b/native/src/components/Header.tsx
@@ -18,6 +18,9 @@ import {
   DISCLAIMER_ROUTE,
   SEARCH_ROUTE,
   SETTINGS_ROUTE,
+  FEEDBACK_MODAL_ROUTE,
+  CONSENT_ROUTE,
+  LICENSES_ROUTE,
 } from 'shared'
 import { LanguageModel, FeedbackRouteType } from 'shared/api'
 
@@ -218,13 +221,34 @@ const Header = ({
     }
 
     const previousRouteTitle = (previousParams as { title?: string } | undefined)?.title
-    return previousRouteTitle ?? t(previousRoute.name === 'categories' ? 'localInformation' : previousRoute.name)
+    return previousRouteTitle ?? t(previousRoute.name === CATEGORIES_ROUTE ? 'localInformation' : previousRoute.name)
+  }
+
+  const isHeaderTextInPhoneLanguage = (): boolean => {
+    if (route.name === NEWS_ROUTE && (route.params as { newsId?: string })?.newsId) {
+      return true
+    }
+    if (route.name === EVENTS_ROUTE && (route.params as { slug?: string })?.slug) {
+      return true
+    }
+    if (route.name === CONSENT_ROUTE) {
+      return true
+    }
+    if (route.name === LICENSES_ROUTE) {
+      return true
+    }
+    return false
   }
 
   return (
     <BoxShadow>
       <Horizontal>
-        <HeaderBox goBack={navigation.goBack} canGoBack={canGoBack} text={getHeaderText()} />
+        <HeaderBox
+          goBack={navigation.goBack}
+          canGoBack={canGoBack}
+          text={getHeaderText()}
+          language={isHeaderTextInPhoneLanguage() ? '' : languageCode}
+        />
         <CustomHeaderButtons cancelLabel={t('cancel')} items={items} overflowItems={overflowItems} />
       </Horizontal>
     </BoxShadow>
diff --git a/native/src/components/HeaderBox.tsx b/native/src/components/HeaderBox.tsx
index dabb56cccf..50f621a9c4 100644
--- a/native/src/components/HeaderBox.tsx
+++ b/native/src/components/HeaderBox.tsx
@@ -32,13 +32,13 @@ type HeaderBoxProps = {
   goBack?: () => void
   canGoBack?: boolean
   text?: string
+  language?: string
 }
 
-const HeaderBox = ({ goBack, canGoBack = true, text }: HeaderBoxProps): ReactElement => {
+const HeaderBox = ({ goBack, canGoBack = true, text, language }: HeaderBoxProps): ReactElement => {
   const deviceWidth = useWindowDimensions().width
   const theme = useTheme()
   const { t } = useTranslation('common')
-  const { languageCode } = useContext(AppContext)
 
   const AppIcon = buildConfigAssets().AppIcon
   const HeaderIcon = canGoBack ? (
@@ -58,7 +58,7 @@ const HeaderBox = ({ goBack, canGoBack = true, text }: HeaderBoxProps): ReactEle
       <HeaderText
         allowFontScaling={false}
         fontSize={deviceWidth * dimensions.fontScaling}
-        accessibilityLanguage={languageCode}>
+        accessibilityLanguage={language}>
         {text}
       </HeaderText>
     </HorizontalLeft>
diff --git a/native/src/components/NewsListItem.tsx b/native/src/components/NewsListItem.tsx
index fe1a5b1be3..cdfed73091 100644
--- a/native/src/components/NewsListItem.tsx
+++ b/native/src/components/NewsListItem.tsx
@@ -86,7 +86,7 @@ const NewsListItem = ({ index, newsItem, navigateToNews, isTunews }: NewsListIte
     <>
       <Divider firstItem={index === 0} />
       <ListItemWrapper>
-        <StyledPressable onPress={navigateToNews}>
+        <StyledPressable onPress={navigateToNews} accessibilityLanguage='de'>
           <Description>
             <Title>{newsItem.title}</Title>
             <Content numberOfLines={EXCERPT_MAX_LINES}>{newsItem.content}</Content>
@@ -96,11 +96,13 @@ const NewsListItem = ({ index, newsItem, navigateToNews, isTunews }: NewsListIte
               </TimeStampContent>
             )}
           </Description>
+        </StyledPressable>
+        <Pressable onPress={navigateToNews}>
           <ReadMoreWrapper language={i18n.language}>
             <ReadMore isTunews={isTunews} onPress={navigateToNews}>{`${t('readMore')}`}</ReadMore>
             <StyledIcon Icon={ArrowBackIcon} directionDependent reverse isTunews={isTunews} />
           </ReadMoreWrapper>
-        </StyledPressable>
+        </Pressable>
       </ListItemWrapper>
     </>
   )
diff --git a/native/src/components/Page.tsx b/native/src/components/Page.tsx
index f463dfc6e9..34e4c5a451 100644
--- a/native/src/components/Page.tsx
+++ b/native/src/components/Page.tsx
@@ -76,7 +76,7 @@ const Page = ({
 
   return (
     <Container $padding={padding}>
-      {!loading && title ? <Caption title={title} /> : null}
+      {!loading && title ? <Caption title={title} language={language} /> : null}
       {!loading && BeforeContent}
       <RemoteContent
         content={content}
diff --git a/native/src/components/SearchListItem.tsx b/native/src/components/SearchListItem.tsx
index 6a1fba34b5..b1dac59caa 100644
--- a/native/src/components/SearchListItem.tsx
+++ b/native/src/components/SearchListItem.tsx
@@ -114,7 +114,7 @@ const SearchListItem = ({
   )
 
   return (
-    <FlexStyledLink onPress={navigateToSearchResult} accessibilityHint={t('itemHint')}>
+    <FlexStyledLink onPress={navigateToSearchResult} accessibilityHint={t('itemHint')} accessibilityLanguage={language}>
       <DirectionContainer language={language}>
         <SearchEntryContainer>
           <TitleDirectionContainer language={language}>

From 5c916299b9258b40bd8b02fee9a0403f081e1131 Mon Sep 17 00:00:00 2001
From: LeandraH <leandravhahn@gmail.com>
Date: Mon, 2 Sep 2024 17:47:59 +0200
Subject: [PATCH 03/12] 2173: Fix lint

---
 native/src/components/Caption.tsx             | 15 ++++++---------
 native/src/components/Header.tsx              |  5 ++---
 native/src/components/HeaderBox.tsx           |  3 +--
 native/src/components/__tests__/Tile.spec.tsx |  4 ++--
 4 files changed, 11 insertions(+), 16 deletions(-)

diff --git a/native/src/components/Caption.tsx b/native/src/components/Caption.tsx
index 3606f40d43..5ae24a083d 100644
--- a/native/src/components/Caption.tsx
+++ b/native/src/components/Caption.tsx
@@ -1,7 +1,6 @@
-import React, { ReactElement, useContext } from 'react'
+import React, { ReactElement } from 'react'
 import styled from 'styled-components/native'
 
-import { AppContext } from '../contexts/AppContextProvider'
 import Text from './base/Text'
 
 const H1 = styled(Text)`
@@ -16,12 +15,10 @@ type CaptionProps = {
   language?: string
 }
 
-const Caption = ({ title, language }: CaptionProps): ReactElement => {
-  return (
-    <H1 android_hyphenationFrequency='full' accessibilityLanguage={language}>
-      {title}
-    </H1>
-  )
-}
+const Caption = ({ title, language }: CaptionProps): ReactElement => (
+  <H1 android_hyphenationFrequency='full' accessibilityLanguage={language}>
+    {title}
+  </H1>
+)
 
 export default Caption
diff --git a/native/src/components/Header.tsx b/native/src/components/Header.tsx
index 5f70561ac9..77be0901f0 100644
--- a/native/src/components/Header.tsx
+++ b/native/src/components/Header.tsx
@@ -18,7 +18,6 @@ import {
   DISCLAIMER_ROUTE,
   SEARCH_ROUTE,
   SETTINGS_ROUTE,
-  FEEDBACK_MODAL_ROUTE,
   CONSENT_ROUTE,
   LICENSES_ROUTE,
 } from 'shared'
@@ -225,10 +224,10 @@ const Header = ({
   }
 
   const isHeaderTextInPhoneLanguage = (): boolean => {
-    if (route.name === NEWS_ROUTE && (route.params as { newsId?: string })?.newsId) {
+    if (route.name === NEWS_ROUTE && (route.params as { newsId?: string }).newsId) {
       return true
     }
-    if (route.name === EVENTS_ROUTE && (route.params as { slug?: string })?.slug) {
+    if (route.name === EVENTS_ROUTE && (route.params as { slug?: string }).slug) {
       return true
     }
     if (route.name === CONSENT_ROUTE) {
diff --git a/native/src/components/HeaderBox.tsx b/native/src/components/HeaderBox.tsx
index 50f621a9c4..638dd9b343 100644
--- a/native/src/components/HeaderBox.tsx
+++ b/native/src/components/HeaderBox.tsx
@@ -1,12 +1,11 @@
 import { HeaderBackButton } from '@react-navigation/elements'
-import React, { ReactElement, useContext } from 'react'
+import React, { ReactElement } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useWindowDimensions } from 'react-native'
 import styled, { useTheme } from 'styled-components/native'
 
 import { buildConfigAssets } from '../constants/buildConfig'
 import dimensions from '../constants/dimensions'
-import { AppContext } from '../contexts/AppContextProvider'
 import Icon from './base/Icon'
 
 const HorizontalLeft = styled.View`
diff --git a/native/src/components/__tests__/Tile.spec.tsx b/native/src/components/__tests__/Tile.spec.tsx
index 57cff47938..ba19b6d85f 100644
--- a/native/src/components/__tests__/Tile.spec.tsx
+++ b/native/src/components/__tests__/Tile.spec.tsx
@@ -23,7 +23,7 @@ describe('Tile', () => {
       thumbnail: null,
       isExternalUrl: false,
     })
-    const { getByText } = render(<Tile tile={tile} onTilePress={onTilePress} resourceCache={{}} />)
+    const { getByText } = render(<Tile tile={tile} onTilePress={onTilePress} resourceCache={{}} language='' />)
     fireEvent.press(getByText(tile.title))
 
     expect(onTilePress).toHaveBeenCalledTimes(1)
@@ -38,7 +38,7 @@ describe('Tile', () => {
       thumbnail: null,
       isExternalUrl: true,
     })
-    const { getByText } = render(<Tile tile={tile} onTilePress={onTilePress} resourceCache={{}} />)
+    const { getByText } = render(<Tile tile={tile} onTilePress={onTilePress} resourceCache={{}} language='' />)
     fireEvent.press(getByText(tile.title))
 
     expect(openExternalUrl).toHaveBeenCalledTimes(1)

From 9ba50dde20c911908543c31d9ea2fd22bf1506d5 Mon Sep 17 00:00:00 2001
From: LeandraH <leandravhahn@gmail.com>
Date: Tue, 3 Sep 2024 14:22:16 +0200
Subject: [PATCH 04/12] 2173: Refactoring

---
 native/src/components/Header.tsx | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/native/src/components/Header.tsx b/native/src/components/Header.tsx
index 77be0901f0..876594ff40 100644
--- a/native/src/components/Header.tsx
+++ b/native/src/components/Header.tsx
@@ -224,16 +224,12 @@ const Header = ({
   }
 
   const isHeaderTextInPhoneLanguage = (): boolean => {
-    if (route.name === NEWS_ROUTE && (route.params as { newsId?: string }).newsId) {
-      return true
-    }
-    if (route.name === EVENTS_ROUTE && (route.params as { slug?: string }).slug) {
-      return true
-    }
-    if (route.name === CONSENT_ROUTE) {
-      return true
-    }
-    if (route.name === LICENSES_ROUTE) {
+    if (
+      (route.name === NEWS_ROUTE && (route.params as { newsId?: string }).newsId) ||
+      (route.name === EVENTS_ROUTE && (route.params as { slug?: string }).slug) ||
+      route.name === CONSENT_ROUTE ||
+      route.name === LICENSES_ROUTE
+    ) {
       return true
     }
     return false

From dac97a25d9f5ec3d621437ac2edc7559044fbb65 Mon Sep 17 00:00:00 2001
From: LeandraH <leandravhahn@gmail.com>
Date: Wed, 4 Sep 2024 14:54:09 +0200
Subject: [PATCH 05/12] 2173: Remove test code

---
 native/src/components/NewsListItem.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/native/src/components/NewsListItem.tsx b/native/src/components/NewsListItem.tsx
index cdfed73091..97735cc8b1 100644
--- a/native/src/components/NewsListItem.tsx
+++ b/native/src/components/NewsListItem.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement } from 'react'
+import React, { ReactElement, useContext } from 'react'
 import { useTranslation } from 'react-i18next'
 import styled from 'styled-components/native'
 
@@ -7,6 +7,7 @@ import { LocalNewsModel, TunewsModel } from 'shared/api'
 import { ArrowBackIcon } from '../assets'
 import { EXCERPT_MAX_LINES } from '../constants'
 import { contentDirection } from '../constants/contentDirection'
+import { AppContext } from '../contexts/AppContextProvider'
 import TimeStamp from './TimeStamp'
 import Icon from './base/Icon'
 import Pressable from './base/Pressable'
@@ -81,12 +82,13 @@ export const ReadMore = styled(Text)<{ isTunews: boolean }>`
 const NewsListItem = ({ index, newsItem, navigateToNews, isTunews }: NewsListItemProps): ReactElement => {
   const { t, i18n } = useTranslation('news')
   const timestamp = newsItem instanceof LocalNewsModel ? newsItem.timestamp : null
+  const { languageCode } = useContext(AppContext)
 
   return (
     <>
       <Divider firstItem={index === 0} />
       <ListItemWrapper>
-        <StyledPressable onPress={navigateToNews} accessibilityLanguage='de'>
+        <StyledPressable onPress={navigateToNews} accessibilityLanguage={languageCode}>
           <Description>
             <Title>{newsItem.title}</Title>
             <Content numberOfLines={EXCERPT_MAX_LINES}>{newsItem.content}</Content>

From eaa4f881e93dac28d95ce5a93114193ae5299207 Mon Sep 17 00:00:00 2001
From: LeandraH <leandravhahn@gmail.com>
Date: Mon, 30 Sep 2024 10:58:34 +0200
Subject: [PATCH 06/12] 2173: Fix prettier

---
 native/src/components/SearchListItem.tsx      | 6 +++++-
 native/src/components/SubCategoryListItem.tsx | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/native/src/components/SearchListItem.tsx b/native/src/components/SearchListItem.tsx
index fe77f5f462..bc01c81cda 100644
--- a/native/src/components/SearchListItem.tsx
+++ b/native/src/components/SearchListItem.tsx
@@ -114,7 +114,11 @@ const SearchListItem = ({
   )
 
   return (
-    <FlexStyledLink onPress={navigateToSearchResult} role='link' accessibilityHint={t('itemHint')} accessibilityLanguage={language}>
+    <FlexStyledLink
+      onPress={navigateToSearchResult}
+      role='link'
+      accessibilityHint={t('itemHint')}
+      accessibilityLanguage={language}>
       <DirectionContainer language={language}>
         <SearchEntryContainer>
           <TitleDirectionContainer language={language}>
diff --git a/native/src/components/SubCategoryListItem.tsx b/native/src/components/SubCategoryListItem.tsx
index 1ba540cea2..e479ab0935 100644
--- a/native/src/components/SubCategoryListItem.tsx
+++ b/native/src/components/SubCategoryListItem.tsx
@@ -42,7 +42,11 @@ const SubCategoryListItem = ({
   onItemPress,
   language,
 }: SubCategoryListItemProps): ReactElement => (
-  <FlexStyledLink onPress={() => onItemPress(subCategory)} language={language} role='link' accessibilityLanguage={language}>
+  <FlexStyledLink
+    onPress={() => onItemPress(subCategory)}
+    language={language}
+    role='link'
+    accessibilityLanguage={language}>
     <SubCategoryTitleContainer language={language}>
       {!!subCategory.thumbnail && (
         <CategoryThumbnail language={language} source={subCategory.thumbnail} resourceCache={resourceCache} />

From 3a60175fd4d069d03e14b94a1866fd32223404ba Mon Sep 17 00:00:00 2001
From: LeandraH <leandravhahn@gmail.com>
Date: Mon, 30 Sep 2024 15:19:17 +0200
Subject: [PATCH 07/12] 2173: Add role description

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

diff --git a/native/src/components/NewsListItem.tsx b/native/src/components/NewsListItem.tsx
index 1f4b5a884f..298dd03bc8 100644
--- a/native/src/components/NewsListItem.tsx
+++ b/native/src/components/NewsListItem.tsx
@@ -99,7 +99,7 @@ const NewsListItem = ({ index, newsItem, navigateToNews, isTunews }: NewsListIte
             )}
           </Description>
         </StyledPressable>
-        <Pressable onPress={navigateToNews}>
+        <Pressable role='link' onPress={navigateToNews}>
           <ReadMoreWrapper language={i18n.language}>
             <ReadMore isTunews={isTunews} onPress={navigateToNews}>{`${t('readMore')}`}</ReadMore>
             <StyledIcon Icon={ArrowBackIcon} directionDependent reverse isTunews={isTunews} />

From 2f99104437524190d2b1365783f73239c90aa4ae Mon Sep 17 00:00:00 2001
From: LeandraH <leandravhahn@gmail.com>
Date: Thu, 10 Oct 2024 17:26:48 +0200
Subject: [PATCH 08/12] 2173: Fix header language

---
 native/src/components/Header.tsx | 36 ++++++++++++++++----------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/native/src/components/Header.tsx b/native/src/components/Header.tsx
index 876594ff40..86faf43ee6 100644
--- a/native/src/components/Header.tsx
+++ b/native/src/components/Header.tsx
@@ -18,8 +18,6 @@ import {
   DISCLAIMER_ROUTE,
   SEARCH_ROUTE,
   SETTINGS_ROUTE,
-  CONSENT_ROUTE,
-  LICENSES_ROUTE,
 } from 'shared'
 import { LanguageModel, FeedbackRouteType } from 'shared/api'
 
@@ -36,6 +34,8 @@ import CustomHeaderButtons from './CustomHeaderButtons'
 import HeaderBox from './HeaderBox'
 import HighlightBox from './HighlightBox'
 
+const DEFAULT_LANGUAGE = 'de'
+
 const Horizontal = styled.View`
   flex: 1;
   flex-direction: row;
@@ -201,11 +201,11 @@ const Header = ({
       ]
     : []
 
-  const getHeaderText = (): string => {
+  const getHeaderText = (): { text: string; language: string } => {
     const currentTitle = (route.params as { title?: string } | undefined)?.title
     if (!previousRoute) {
       // Home/Dashboard: Show current route title, i.e. city name
-      return currentTitle ?? ''
+      return { text: currentTitle ?? '', language: DEFAULT_LANGUAGE }
     }
 
     const previousParams = previousRoute.params
@@ -215,24 +215,24 @@ const Header = ({
     if (currentRouteIsPoi && notFromDeepLink) {
       const poisRouteParams = route.params as RoutesParamsType[PoisRouteType]
       if (poisRouteParams.slug || poisRouteParams.multipoi !== undefined) {
-        return t('locations')
+        return { text: t('locations'), language: '' } // system language
       }
     }
 
     const previousRouteTitle = (previousParams as { title?: string } | undefined)?.title
-    return previousRouteTitle ?? t(previousRoute.name === CATEGORIES_ROUTE ? 'localInformation' : previousRoute.name)
-  }
+    let language
+    if (previousRoute.name === CATEGORIES_ROUTE && !(previousParams as { path?: string }).path) {
+      language = DEFAULT_LANGUAGE
+    } else if (previousRouteTitle || previousRoute.name === CATEGORIES_ROUTE) {
+      language = languageCode
+    } else {
+      language = '' // systen language
+    }
 
-  const isHeaderTextInPhoneLanguage = (): boolean => {
-    if (
-      (route.name === NEWS_ROUTE && (route.params as { newsId?: string }).newsId) ||
-      (route.name === EVENTS_ROUTE && (route.params as { slug?: string }).slug) ||
-      route.name === CONSENT_ROUTE ||
-      route.name === LICENSES_ROUTE
-    ) {
-      return true
+    return {
+      text: previousRouteTitle ?? t(previousRoute.name === CATEGORIES_ROUTE ? 'localInformation' : previousRoute.name),
+      language,
     }
-    return false
   }
 
   return (
@@ -241,8 +241,8 @@ const Header = ({
         <HeaderBox
           goBack={navigation.goBack}
           canGoBack={canGoBack}
-          text={getHeaderText()}
-          language={isHeaderTextInPhoneLanguage() ? '' : languageCode}
+          text={getHeaderText().text}
+          language={getHeaderText().language}
         />
         <CustomHeaderButtons cancelLabel={t('cancel')} items={items} overflowItems={overflowItems} />
       </Horizontal>

From b9c9149112eb521bfd87b25f03b91f894b13f4a6 Mon Sep 17 00:00:00 2001
From: LeandraH <leandravhahn@gmail.com>
Date: Thu, 10 Oct 2024 17:28:11 +0200
Subject: [PATCH 09/12] 2173: Small fix

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

diff --git a/native/src/components/NewsListItem.tsx b/native/src/components/NewsListItem.tsx
index 298dd03bc8..73b6bbc86e 100644
--- a/native/src/components/NewsListItem.tsx
+++ b/native/src/components/NewsListItem.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement, useContext } from 'react'
+import React, { ReactElement } from 'react'
 import { useTranslation } from 'react-i18next'
 import styled from 'styled-components/native'
 
@@ -7,7 +7,7 @@ import { LocalNewsModel, TunewsModel } from 'shared/api'
 import { ArrowBackIcon } from '../assets'
 import { EXCERPT_MAX_LINES } from '../constants'
 import { contentDirection } from '../constants/contentDirection'
-import { AppContext } from '../contexts/AppContextProvider'
+import { useAppContext } from '../hooks/useCityAppContext'
 import TimeStamp from './TimeStamp'
 import Icon from './base/Icon'
 import Pressable from './base/Pressable'
@@ -82,7 +82,7 @@ export const ReadMore = styled(Text)<{ isTunews: boolean }>`
 const NewsListItem = ({ index, newsItem, navigateToNews, isTunews }: NewsListItemProps): ReactElement => {
   const { t, i18n } = useTranslation('news')
   const timestamp = newsItem instanceof LocalNewsModel ? newsItem.timestamp : null
-  const { languageCode } = useContext(AppContext)
+  const { languageCode } = useAppContext()
 
   return (
     <>

From d82d2403ff9ad870d812ab5282b7b2b455571e2e Mon Sep 17 00:00:00 2001
From: LeandraH <leandravhahn@gmail.com>
Date: Thu, 17 Oct 2024 13:03:43 +0200
Subject: [PATCH 10/12] 2173: Refactoring

---
 native/src/components/Header.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/native/src/components/Header.tsx b/native/src/components/Header.tsx
index 86faf43ee6..6b792ab60c 100644
--- a/native/src/components/Header.tsx
+++ b/native/src/components/Header.tsx
@@ -20,6 +20,7 @@ import {
   SETTINGS_ROUTE,
 } from 'shared'
 import { LanguageModel, FeedbackRouteType } from 'shared/api'
+import { config } from 'translations'
 
 import { NavigationProps, RouteProps, RoutesParamsType, RoutesType } from '../constants/NavigationTypes'
 import buildConfig from '../constants/buildConfig'
@@ -34,8 +35,6 @@ import CustomHeaderButtons from './CustomHeaderButtons'
 import HeaderBox from './HeaderBox'
 import HighlightBox from './HighlightBox'
 
-const DEFAULT_LANGUAGE = 'de'
-
 const Horizontal = styled.View`
   flex: 1;
   flex-direction: row;
@@ -201,11 +200,11 @@ const Header = ({
       ]
     : []
 
-  const getHeaderText = (): { text: string; language: string } => {
+  const getHeaderText = (): { text: string; language?: string } => {
     const currentTitle = (route.params as { title?: string } | undefined)?.title
     if (!previousRoute) {
       // Home/Dashboard: Show current route title, i.e. city name
-      return { text: currentTitle ?? '', language: DEFAULT_LANGUAGE }
+      return { text: currentTitle ?? '', language: config.sourceLanguage }
     }
 
     const previousParams = previousRoute.params
@@ -215,18 +214,18 @@ const Header = ({
     if (currentRouteIsPoi && notFromDeepLink) {
       const poisRouteParams = route.params as RoutesParamsType[PoisRouteType]
       if (poisRouteParams.slug || poisRouteParams.multipoi !== undefined) {
-        return { text: t('locations'), language: '' } // system language
+        return { text: t('locations'), language: undefined }
       }
     }
 
     const previousRouteTitle = (previousParams as { title?: string } | undefined)?.title
     let language
     if (previousRoute.name === CATEGORIES_ROUTE && !(previousParams as { path?: string }).path) {
-      language = DEFAULT_LANGUAGE
+      language = config.sourceLanguage
     } else if (previousRouteTitle || previousRoute.name === CATEGORIES_ROUTE) {
       language = languageCode
     } else {
-      language = '' // systen language
+      language = undefined
     }
 
     return {

From 01ef52d7649985baea4f0fb0caf995182fdbdace Mon Sep 17 00:00:00 2001
From: LeandraH <leandravhahn@gmail.com>
Date: Thu, 17 Oct 2024 14:26:41 +0200
Subject: [PATCH 11/12] 2173: Simplify

---
 native/src/components/Header.tsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/native/src/components/Header.tsx b/native/src/components/Header.tsx
index 6b792ab60c..3fb03f3905 100644
--- a/native/src/components/Header.tsx
+++ b/native/src/components/Header.tsx
@@ -218,20 +218,20 @@ const Header = ({
       }
     }
 
-    const previousRouteTitle = (previousParams as { title?: string } | undefined)?.title
-    let language
-    if (previousRoute.name === CATEGORIES_ROUTE && !(previousParams as { path?: string }).path) {
-      language = config.sourceLanguage
-    } else if (previousRouteTitle || previousRoute.name === CATEGORIES_ROUTE) {
-      language = languageCode
-    } else {
-      language = undefined
+    const previousRouteTitle = (previousParams as { path?: string } | undefined)?.path
+
+    if (previousRouteTitle) {
+      return { text: previousRouteTitle, language: languageCode }
     }
 
-    return {
-      text: previousRouteTitle ?? t(previousRoute.name === CATEGORIES_ROUTE ? 'localInformation' : previousRoute.name),
-      language,
+    if (previousRoute.name === CATEGORIES_ROUTE) {
+      return {
+        text: t('localInformation'),
+        language: previousRouteTitle === undefined ? config.sourceLanguage : languageCode,
+      }
     }
+
+    return { text: previousRoute.name, language: undefined }
   }
 
   return (

From ab734f16ea6c1625cb12c8662e6ccd2482c62329 Mon Sep 17 00:00:00 2001
From: LeandraH <leandravhahn@gmail.com>
Date: Thu, 17 Oct 2024 14:36:35 +0200
Subject: [PATCH 12/12] 2173: Add comment back in

---
 native/src/components/Header.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/native/src/components/Header.tsx b/native/src/components/Header.tsx
index 3fb03f3905..b6c565d408 100644
--- a/native/src/components/Header.tsx
+++ b/native/src/components/Header.tsx
@@ -214,7 +214,7 @@ const Header = ({
     if (currentRouteIsPoi && notFromDeepLink) {
       const poisRouteParams = route.params as RoutesParamsType[PoisRouteType]
       if (poisRouteParams.slug || poisRouteParams.multipoi !== undefined) {
-        return { text: t('locations'), language: undefined }
+        return { text: t('locations'), language: undefined } // system language
       }
     }
 
@@ -231,7 +231,7 @@ const Header = ({
       }
     }
 
-    return { text: previousRoute.name, language: undefined }
+    return { text: previousRoute.name, language: undefined } // system language
   }
 
   return (