[wp-trac] [WordPress Trac] #47149: Tab structure does not use tab semantics

[WordPress Trac]

#47149: Tab structure does not use tab semantics
-------------------------------------------------+-------------------------
 Reporter:  anevins                              |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  5.3
Component:  Media                                |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  needs-patch wpcampus-report has-     |     Focuses:
  screenshots                                    |  accessibility
-------------------------------------------------+-------------------------
Changes (by audrasjb):

 * keywords:  needs-screenshots needs-patch wpcampus-report => needs-patch
     wpcampus-report has-screenshots


Comment:

 Hi,

 I'd like to propose a first workaround, based on this ressource:
 https://developer.mozilla.org/en-
 US/docs/Web/Accessibility/ARIA/Roles/button_role

 I was not able to make a proper fix on this issue but I uploaded a
 testable JS fix above.
 - add `role="button"` attribute
 - add `aria-pressed="true/false"` attribute
 - toggle `aria-pressed` attribute when needed

 Search for `//JBA` comments to see the changes I've done.
 See also the animated GIF file to see the result.

 Cheers,
 Jb

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