Merge pull request Expensify#84588 from Expensify/claude-fixLanguagePageScreenReaderLang

Author: dangrous

src/components/SelectionList/ListItem/BaseListItem.tsx

@@ -104,6 +104,8 @@ function BaseListItem<TItem extends ListItem>({
                 // eslint-disable-next-line react/jsx-props-no-spreading
                 {...bind}
                 ref={pressableRef}
+                lang={item.lang}
+                accessibilityLanguage={item.lang}
                 onLongPress={() => {
                     onLongPressRow?.(item);
                 }}

src/components/SelectionList/ListItem/types.ts

@@ -140,6 +140,9 @@ type ListItem<K extends string | number = string> = {
 
     /** Used to initiate payment from search page */
     hash?: number;
+
+    /** BCP 47 language tag for screen reader pronunciation (maps to HTML lang attribute on web) */
+    lang?: string;
 };
 
 type CommonListItemProps<TItem extends ListItem> = {

src/pages/settings/Preferences/LanguagePage.tsx

@@ -28,6 +28,7 @@ function LanguagePage() {
             accessibilityLabel: LOCALE_TO_LANGUAGE_STRING[locale],
             keyForList: locale,
             isSelected: preferredLocale === locale,
+            lang: locale,
         }));
     }, [preferredLocale]);