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

WordPress Trac noreply at wordpress.org
Sun Sep 24 15:59:58 UTC 2017


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

 * status:  assigned => closed
 * resolution:   => fixed


Comment:

 In [changeset:"41586"]:
 {{{
 #!CommitTicketReference repository="" revision="41586"
 Accessibility: CodeMirror editing areas minor improvements.

 - properly labels all the code editor areas (Theme/Plugin, Custom HTML
 widget, Additional CSS), whether CodeMirror is enabled or disabled
 - adds `role="textbox"` and `aria-multiline="true"` to the CodeMirror
 editing area to allow assistive technologies properly identify it as a
 textarea
 - standardizes the "keyboard trap" help text across the admin and keeps it
 as a list for better readability
 - use the Help text elements as target for `aria-describedby`, to make
 screen readers read out the help text when focusing the editors
 - fixes the `aria-expanded` attribute usage in the Customizer "Additional
 CSS" help toggle
 - moves focus to the CodeMirror editing area when clicking on the
 associated label
 - in the Plugin editor screen: changes a `<big>` element to `<h2>` for
 better semantics and consistency with the Theme editor screen
 - also, removes a few textdomain leftovers, see `better-code-editing` and
 `default`

 Props westonruter, melchoyce, afercia.
 Fixes #41872.
 }}}

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


More information about the wp-trac mailing list