Wednesday 6 January 2021

React-Native Talkback reads component accessibilityRole in wrong language

I have a React-Native application where we want to support Talkback in Finnish and English. When using Google's Text to Speech module in Finnish everything else works fine, except "button" is read as "button" instead of Finnish equivalent "Painike". On iOS it also works fine. I'm testing on Samsung A40. Samsung Text to Speech doesn't support Finnish at all.

So for example, when I press button that reads "Paina minua" it reads "Button, paina minua", instead of "painike, paina minua". This only happens in the application I am developing. It also reads Image components as Images instead of in Finnish. Probably other components too.

In apps like Discord, Facebook, Instagram etc. buttons are read correctly as "Painike" instead of "button".

What can I do to make Talkback work correctly in our application?

Example button definition:

<TouchableOpacity
  onPress={onPress}
  accessibilityRole="button"
>
  <Text>Paina minua</Text>
</TouchableOpacity>

react-native: 0.63.2



from React-Native Talkback reads component accessibilityRole in wrong language

No comments:

Post a Comment