Issue -
For a Multilingual Site with Inputs Controls in language different than primary language - Voice Over do not Auto switch language
Replication -
- macOS Mojave (10.14.3) + Voice Over
- For a multilingual website with primary language as "en" (English) and input controls in a different language (French / Spanish) - example - https://jsfiddle.net/1xjv067b/3/
- Use Tab key navigation to bring focus to any form control Radio (or Checkbox)
Error Behavior -
Voice Over reads the form control labels in primary language ("en")
Expected Behavior -
Voice should read the form control labels in language as specified in target language (as specified in lang tag)
Comments
Update: Seems to be fixed in Catalina
VoiceOver in Mac OS X 10.15 Catalina seems to be behaving properly with respect to labels and the lang attribute.
I updated Gaurav's test case (there was an incorrect "for" attribute on the first example). All examples seem to be working except for #2: https://jsfiddle.net/rvLt4k67/1/