[wp-trac] [WordPress Trac] #41872: Minor accessibility improvements to the CodeMirror editing areas

[WordPress Trac]

#41872: Minor accessibility improvements to the CodeMirror editing areas
--------------------------+------------------------------------------------
 Reporter:  afercia       |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  4.9
Component:  Customize     |     Version:  trunk
 Severity:  normal        |  Resolution:
 Keywords:  has-patch     |     Focuses:  ui, accessibility, administration
--------------------------+------------------------------------------------
Changes (by afercia):

 * keywords:   => has-patch


Comment:

 [attachment:41872.diff] is a first pass to try to address the points
 above.

 Also:
 - in the Customizer, all the "help-toggle" buttons are now buttons with a
 `type="button"` attribute, so there's no need to prevent the default
 action, use a keydown event, and filter the keys. They just need a click
 event
 - prevents a focus loss when closing the Additional CSS help
 - in the Plugin editor page: changes a `<big>` element to `<h2>` for
 consistency with the Theme editor page
 - removes some translation domain leftovers ('better-code-editing')
 - changes the Help text list to a paragraph with an ID so it can be
 targeted by `aria-describedby`
 - standardises the Help text wherever it is used, see new text below:
 suggestions for better wording welcome
 - fixes a typo "plan text mode" to "plain text mode"

 About the new Help text, I'd say it's important that is always the same
 everywhere to avoid confusion for users and make translators happy. New
 text:

  When using a keyboard: In the editing area the Tab key enters a tab
 character. To move away from this area by pressing Tab, press the Esc key
 followed by the Tab key. Screen reader users: you may need to press the
 Esc key twice to exit forms mode and then to allow the Tab key to move
 away from the editing area.

 @westonruter I'd greatly appreciate your feedback and review.

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