Merged PR 32160: Voeg accessibilityLanguage weer toe bij Engelse abou…

…t screen Add accessibilityLanguage Related work items: #124272
Amsterdam · Sep 3, 2024 · 224ca0d · 224ca0d
2 parents 12038b7 + 6c249ee
commit 224ca0d
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/src/components/ui/text/list/List.tsx b/src/components/ui/text/list/List.tsx
@@ -26,11 +26,17 @@ const getItems = (items: Item[]) => {
 }
 
 type Props = {
+  accessibilityLanguage?: string
   items: Item[]
 } & Partial<ListMarkerProp> &
   TestProps
 
-export const List = ({items, marker = 'square', testID}: Props) => {
+export const List = ({
+  items,
+  marker = 'square',
+  testID,
+  accessibilityLanguage,
+}: Props) => {
   const {textItems, accessibilityLabelItems} = useMemo(
     () => getItems(items),
     [items],
@@ -39,6 +45,7 @@ export const List = ({items, marker = 'square', testID}: Props) => {
   return (
     <SingleSelectable
       accessibilityLabel={accessibleText(...accessibilityLabelItems)}
+      accessibilityLanguage={accessibilityLanguage}
       testID={testID}>
       <Column gutter="md">
         {textItems.map((text, index) => (

diff --git a/src/modules/about/screens/AboutTheAppEnglish.screen.tsx b/src/modules/about/screens/AboutTheAppEnglish.screen.tsx
@@ -29,19 +29,24 @@ export const AboutTheAppEnglishScreen = () => {
           <Box>
             <Column gutter="lg">
               <Title
+                accessibilityLanguage="en-US"
                 testID="AboutAboutTheAppEnglishTitle"
                 text="One app for all Amsterdam residents"
               />
               <Paragraph
+                accessibilityLanguage="en-US"
                 testID="AboutAboutTheAppEnglishIntroParagraph"
                 variant="intro">
                 With the Amsterdam app, you can have information at your
                 fingertips and get in touch with the City.
               </Paragraph>
-              <Paragraph testID="AboutAboutTheAppEnglishSummaryParagraph">
+              <Paragraph
+                accessibilityLanguage="en-US"
+                testID="AboutAboutTheAppEnglishSummaryParagraph">
                 With the app you can:
               </Paragraph>
               <List
+                accessibilityLanguage="en-US"
                 items={[
                   'View the rules about waste in your neighbourhood',
                   'Follow and receive notifications about works in your area',
@@ -52,17 +57,21 @@ export const AboutTheAppEnglishScreen = () => {
               />
               <Column>
                 <Title
+                  accessibilityLanguage="en-US"
                   level="h2"
                   testID="AboutAboutTheAppEnglishLaterMoreTitle"
                   text="More features are coming soon"
                 />
-                <Paragraph testID="AboutAboutTheAppEnglishFutureFeaturesParagraph">
+                <Paragraph
+                  accessibilityLanguage="en-US"
+                  testID="AboutAboutTheAppEnglishFutureFeaturesParagraph">
                   The Amsterdam app is a work in progress. Your opinion is
                   important to improve the app. Please let us know.
                 </Paragraph>
               </Column>
               {!isLoading && !isError && (
                 <Button
+                  accessibilityLanguage="en-US"
                   label="Your opinion"
                   onPress={() => {
                     if (redirectUrls?.feedbackForm) {