react-modal icon indicating copy to clipboard operation
react-modal copied to clipboard

Safari VoiceOver not reading input label within modal

Open rayon21 opened this issue 2 years ago • 0 comments

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:

  1. Using Safari and VoiceOver, visit sandbox and open modal
  2. tab to focus input, tab again to focus input4
  3. 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

rayon21 avatar Nov 16 '21 10:11 rayon21