"Quick Edit" in Comments table row action breaks on small screens

[kraftbj]

The text in class-wp-comments-list-table.php for the "Quick Edit" row action does not contain a   which can result in a line break mid-link on smaller viewports.

The other class-wp-*-list-table.php files already contain a non-breaking space for the Quick Edit row action, so this would bring consistency.

[kraftbj]

Adds non-breaking space

[SergeyBiryukov]

There's also a "Quick Edit" title attribute which duplicates the link text.

Seems like we should either remove it (like in class-wp-terms-list-table.php​), or change to "Edit this item inline" (like in class-wp-posts-list-table.php​).

What would be better for accessibility?

[DrewAPicture]

Before

[DrewAPicture]

After

[DrewAPicture]

Based on 31482_before.png​ and 31482_after.png​, looks like the patch fixes the problem.

@SergeyBiryukov: Do you think adding a translator comment would be beneficial to explain why the non-breaking space is in there?

[DrewAPicture]

There's also a "Quick Edit" title attribute which duplicates the link text.

Seems like we should either remove it (like in class-wp-terms-list-table.php​), or change to "Edit this item inline" (like in class-wp-posts-list-table.php​).

What would be better for accessibility?

@joedolson: What do you think? Either way, it should probably happen in a new ticket.

[joedolson]

I think I'd recommend removal. I don't think it really is of any benefit; and while Quick Edit doesn't explicitly say that it'll be inline editing, I think that's a reasonable expectation for users to learn.

[ocean90]

In 31889:

Comments List: Don't let "Quick Edit" break on smaller screens.

Other class-wp-*-list-table.php files already contain a non-breaking space for the Quick Edit row action.

props kraftbj.
fixes #31482.