Add visible label for selecting inbox comments to increase clickable area
Description
Steps to reproduce
Log in
Find a work and leave a comment on it (or post a work)
Log out
Reply to the comment you left (or comment on your work)
Log in
Hi, username! > My Dashboard > Inbox
Check the box to select the comment
What happens
Because this is just a checkbox, the area to click is very small – not the entire grey button-style area around the checkbox, but just the little checkbox inside it. This is not super obvious and it's rather annoying, especially if you have certain types of mobility issues.
What should happen
To increase the area you can click, we should add a visible label to the checkbox. "Select" should be sufficient text. (Please make sure to remove the now-redundant "select this comment" title attribute from the input, and you'll also need to remove the "action" class from the surrounding li.)
Activity
Comment for the release notes: Added label for selecting inbox comments to increase clickable area
(Safari Version 13.1.2)
Now it says “Select” instead of just having a checkbox! It’s a bit misaligned, but that’s expected – it’s a problem with this type of label that can be seen elsewhere on the site, e.g. the “Remove” option on your collection items page.
Firefox 81.0.1: each inbox comment checkbox has the "Select" label, and no title hover text. Clicking the label correctly toggles the checkbox. I can bulk-mark messages as read/unread. Looks good.
