[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:  afercia
     Type:  defect (bug)             |      Status:  assigned
 Priority:  normal                   |   Milestone:  5.3
Component:  Media                    |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  wpcampus-report has-     |     Focuses:  accessibility,
  screenshots semantic-buttons       |  javascript
  needs-design-feedback has-patch    |
-------------------------------------+-------------------------------------

Comment (by afercia):

 Thanks @karmatosed. @melchoyce interesting idea. I'm trying it. Two
 considerations:
 - On intermediate viewport widths the modal sidebar is still visible on
 the right and has a gray background: the white tabs on the right don't
 look great with that gray background underneath :(
 - On small viewport widths, there may not be enough room for longer
 translations. Worth reminding there's a sort of unofficial support for
 viewport as narrow as 320 pixels.

 See screenshots below.

 I genuinely like the idea. I can see the symmetry and how the white space
 helps. However, on the responsive views, this kind of horizontal
 alignments are always tricky (the 2 horizontally aligned buttons in the
 customizer come into my mind).

 I have no strong preferences. Both the last mockup by @karmatosed and your
 one solve the order issue. Just let me know what is the design team
 preference :)

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