Skip to content

Safari VoiceOver not reading input label within modal #915

Open
@rayon21

Description

@rayon21

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions