[wp-trac] [WordPress Trac] #44966: Safari + Voiceover does not allow tags entry in editor

[WordPress Trac]

#44966: Safari + Voiceover does not allow tags entry in editor
--------------------------+----------------------------
 Reporter:  parbaugh      |       Owner:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  4.9.9
Component:  Editor        |     Version:
 Severity:  normal        |  Resolution:
 Keywords:  needs-patch   |     Focuses:  accessibility
--------------------------+----------------------------
Changes (by afercia):

 * keywords:   => needs-patch
 * milestone:  Awaiting Review => 4.9.9


Comment:

 @parbaugh thanks and welcome to Trac. I can reproduce this with Safari 12
 and VoiceOver 8. Works correctly with Chrome and VoiceOver so seems
 specific to Safari + VO.

 In my experience with screen readers, sometimes the caret is not correctly
 placed within an input field for weird issues in the markup itself, often
 related to space collapsing. No JavaScript or CSS involved. I've just
 tried removing the `<p>` element that wraps the hidden label and the input
 and that fixed it for me. I was able to VO + Arrow keys and have the caret
 correctly placed within the field.

 Another thing that seems to work is changing the indentation in the
 markup: currently it's `<p><input ...` and placing the input in a new line
 worked for me. @parbaugh would you like to check if these workarounds fix
 the issue for you too, when you have a chance? Thanks.

 Moving to the 4.9.9 milestone, as it seems a very simple fix.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/44966#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform