Add visible label for selecting inbox comments to increase clickable area

Description

Steps to reproduce

  1. Log in

  2. Find a work and leave a comment on it (or post a work)

  3. Log out

  4. Reply to the comment you left (or comment on your work)

  5. Log in

  6. Hi, username! > My Dashboard > Inbox

  7. 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

Show:
Stephen Burrows
April 12, 2020, 4:58 AM

Comment for the release notes: Added label for selecting inbox comments to increase clickable area

Sarken
October 9, 2020, 7:44 PM

(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.

redsummernight
October 11, 2020, 6:49 AM

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.

DeployedToBeta

Assignee

Stephen Burrows

Reporter

Sarken

Roadmap

Inbox

Priority

Medium

Affects versions

Fix versions

Components

FrontEnd

Difficulty

Easy

Milestone

Internal 0.9