No tabindex for 'Remember Me' at login, lack of keyboard toggle #1212

Closed
opened 2026-02-05 00:16:03 +03:00 by OVERLORD · 1 comment
Owner

Originally created by @seanosullivanuk on GitHub (May 31, 2019).

Originally assigned to: @ssddanbrown on GitHub.

The 'Remember Me' checkbox on the login page is an SVG item, which doesn't yet have a tabindex attribute for keyboard navigation. Support for this is rudimentary, but having it within the markup would at least provide the functionality for users of Chrome, Edge Insider and Firefox.

Also, I use the space bar to toggle check boxes, but being an SVG this doesn't work. For wider compatibility and accessibility, may I request the SVG element changed to a checkbox input type?

Originally created by @seanosullivanuk on GitHub (May 31, 2019). Originally assigned to: @ssddanbrown on GitHub. The 'Remember Me' checkbox on the login page is an SVG item, which doesn't yet have a _tabindex_ attribute for keyboard navigation. Support for this is rudimentary, but having it within the markup would at least provide the functionality for users of Chrome, Edge Insider and Firefox. Also, I use the space bar to toggle check boxes, but being an SVG this doesn't work. For wider compatibility and accessibility, may I request the SVG element changed to a checkbox input type?
OVERLORD added the 🛠️ Enhancement💆 UX💻 Front-End labels 2026-02-05 00:16:03 +03:00
Author
Owner

@ssddanbrown commented on GitHub (Jun 4, 2019):

Thanks for reporting @seanosullivanuk, This goes well with the intended accessibility improvements for the next release.

The checkbox itself is actually a styled span inside a label, the SVG is just the check mark itself.
I've now updated the use of custom checkboxes to be tab-focusable and to have keyboard toggle functionality in addition to now having aligned accessibility markup.

In an ideal world we'd use normal checkboxes but they're unfortunately variant across operating systems while being hard to customize directly.

These changes will be in the next patch release.

@ssddanbrown commented on GitHub (Jun 4, 2019): Thanks for reporting @seanosullivanuk, This goes well with the intended accessibility improvements for the next release. The checkbox itself is actually a styled span inside a label, the SVG is just the check mark itself. I've now updated the use of custom checkboxes to be tab-focusable and to have keyboard toggle functionality in addition to now having aligned accessibility markup. In an ideal world we'd use normal checkboxes but they're unfortunately variant across operating systems while being hard to customize directly. These changes will be in the next patch release.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#1212