edwardtufte/tufte-css

sidenote toggle input is not operable or focusable by keyboards

Open

#195 opened on Jan 20, 2026

View on GitHub
 (2 comments) (0 reactions) (0 assignees)HTML (446 forks)batch import
enhancementhelp wanted

Repository metrics

Stars
 (5,821 stars)
PR merge metrics
 (Avg merge 188d 15h) (2 merged PRs in 30d)

Description

On the example site https://edwardtufte.github.io/tufte-css/ if you have a narrow window and a slightly increased font size you trigger the mobile layout. Unfortunately this renders some of the content inaccessible to keyboard users.

The issue looks to be caused by a checkbox with display = none. A potential fix would be to stack the label and check box and reduce the visibility.

Contributor guide

Research direction
Investigate alternative ways to hide the checkbox while keeping it keyboard focusable, such as using opacity: 0 or clipping. Ensure the label toggles the hidden checkbox correctly.
Tech stack
htmlcss
Domain
frontendaccessibility
Issue type
Accessibility
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
HTMLCSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80