[wp-trac] [WordPress Trac] #32152: List table: Comments column accessibility improvements

[WordPress Trac]

#32152: List table: Comments column accessibility improvements
-----------------------------------+--------------------------------
 Reporter:  afercia                |       Owner:  afercia
     Type:  defect (bug)           |      Status:  assigned
 Priority:  normal                 |   Milestone:  4.3
Component:  Comments               |     Version:  4.2
 Severity:  normal                 |  Resolution:
 Keywords:  has-patch ui-feedback  |     Focuses:  ui, accessibility
-----------------------------------+--------------------------------

Comment (by afercia):

 Replying to [comment:41 hugobaeta]:
 > IMO the gray bubble should then always represent approved comments, no
 matter what context it is in.
 OK, so in the textual version we don't need the bubble at all, since
 there's already the "nn approved comments" text.

 New patch (first pass), trying to have some progress. Please notice it's
 just a first implementation and everything can be changed, refined,
 discussed. Need to:

 - make a decision about the media query breakpoint
 - make a decision about hover/focus styles
 - make a decision whether to remove/change the edit/view post links in the
 comments screen
 - keep or remove the word "comments" in the text string? Also, we could
 shorten the "No approved comments" and "No comments" strings
 - test in different languages for the text strings length, the column
 width might need adjustments
 - refine and better organize the CSS, many things are temporary waiting
 for decisions to be made

 I've added a subtle box-shadow to the pending count circle, just
 experimenting and can be removed.

 @picard102 I've temporary turned the 8 decimals values in pixels, it's
 easier having pixels while we're developing and we can eventually turn
 them back in 8 decimals when we're done, if necessary.

 Probably I would pair the textual/graphics switch in the column header in
 order to have a text string "Comments" on large screens and the icon on
 smaller screens.

 There's a main issue:
 - when sorting the comments column, the "orderby" is by "approved"
 comments and should be by "approved + pending" sub-total. As I see it, we
 should definitely change this. Not sure how to do it though. cc @helen :)

 [[Image(https://cldup.com/jLocX76UkM.png)]]

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