[wp-trac] [WordPress Trac] #60488: Plugins dependencies notice alters visual and DOM order in teh plugin cards

[WordPress Trac]

#60488: Plugins dependencies notice alters visual and DOM order in teh plugin cards
-------------------------------+-----------------------------
 Reporter:  afercia            |      Owner:  (none)
     Type:  defect (bug)       |     Status:  new
 Priority:  normal             |  Milestone:  Awaiting Review
Component:  Upgrade/Install    |    Version:  trunk
 Severity:  normal             |   Keywords:  has-screenshots
  Focuses:  ui, accessibility  |
-------------------------------+-----------------------------
 Noticed while testing https://core.trac.wordpress.org/ticket/22316

 For accessibility, visual order and DOM order must alwasy match when they
 affect 'meaning and functionality'.

 Basically, altering the visual order via CSS properties like `order` and
 the various flexbox/grid `reverse` properties must be avoided. It is only
 allowed for purely decorative elements like, for example, the position of
 an icon within a button (there was such a case in the Gutenberg editor).

 The CSS recently added for the plugin dependencies alters the reading
 order of elements within the plugin cards in the 'Add Plugin' admin pave.
 See attached screenshot where I added numbers to illustrate the DOM order
 doesn't match the visual order.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/60488>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform