[wp-trac] [WordPress Trac] #34867: Introduce a CSS class which identifies elements that are either links or buttons depending on JS presence

[WordPress Trac]

#34867: Introduce a CSS class which identifies elements that are either links or
buttons depending on JS presence
-------------------------+-------------------------------------------------
 Reporter:  mcapybara    |       Owner:
     Type:  enhancement  |      Status:  new
 Priority:  normal       |   Milestone:  Awaiting Review
Component:               |     Version:  trunk
  Administration         |  Resolution:
 Severity:  normal       |     Focuses:  ui, accessibility, javascript,
 Keywords:  has-patch    |  administration
-------------------------+-------------------------------------------------
Changes (by garusky):

 * keywords:   => has-patch


Comment:

 In the proposed patch I tried to address the issue listed above.
 More specifically I have added a generic JS rules that append the
 {{{role="button"}}} attribute to all the elements with a {{{button-if-
 js}}} class.
 In this patch I've enhanced the row-actions links in the Category's screen
 adding the {{{button-if-js}}} class to the Quick Edit and Remove links.
 The action taken by these links is an AJAX call which does not link to any
 outside page, so appending a role="button" attribute tell screen reader
 users that these are not simple links but button that take action without
 leaving the page.
 This solution was discussed with @afercia
 Any feedback more than welcome.

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