[wp-trac] [WordPress Trac] #31476: Semantic elements for non-link links: /wp-admin/includes/widgets.php

[WordPress Trac]

#31476: Semantic elements for non-link links: /wp-admin/includes/widgets.php
-------------------------------------+-------------------------------------
 Reporter:  afercia                  |       Owner:  afercia
     Type:  defect (bug)             |      Status:  closed
 Priority:  normal                   |   Milestone:  4.8
Component:  Widgets                  |     Version:  4.1
 Severity:  normal                   |  Resolution:  fixed
 Keywords:  has-patch semantic-      |     Focuses:  ui, accessibility,
  buttons commit                     |  javascript
-------------------------------------+-------------------------------------
Changes (by afercia):

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


Comment:

 In [changeset:"40480"]:
 {{{
 #!CommitTicketReference repository="" revision="40480"
 Accessibility: Make some Widgets buttons real buttons.

 Links used as UI controls that behave like buttons, should be buttons.
 - changes the widgets "toggle", "Delete", and "Close" links to buttons
 - uses `aria-expanded` to announce the state of the toggle buttons
 - increases a bit the clickable area of the toggle
 - ensures the "circular focus" doesn't get cut-off in some browsers by
 centering the toggle arrows
 - uses a `<span>` element with an `aria-hidden` attribute to hide CSS
 generated font icons from assistive technologies
 - standardizes on `.toggle-indicator:before` rather than `:after`
 - changes two `#f00` reds in `#dc3232`, see #35622

 Fixes #31476.
 }}}

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