react-modal
react-modal copied to clipboard
Safari VoiceOver not reading input label within modal
Summary:
Input label is not being read by VoiceOver inside modal and in Safari only. Input label's outside read correctly. Labels in modal are read correctly in Chrome. Issue occurs when input has a starting set value.
Steps to reproduce:
- Using Safari and VoiceOver, visit sandbox and open modal
- tab to focus input, tab again to focus input4
- VoiceOver reads just the value "123", and not the label
Expected behavior:
Input4 should read the label when input is focused: "123 contents selected, input4, edit text".
Link to example of issue:
https://codesandbox.io/s/l2o7v?file=/src/App.js
Additional notes:
MacOS 10.15.4 Safari 13.1 react-modal 3.14.4