edwardtufte/tufte-css

sidenote toggle input is not operable or focusable by keyboards

Open

#195 geöffnet am 20. Jan. 2026

Auf GitHub ansehen
 (2 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)HTML (446 Forks)batch import
enhancementhelp wanted

Repository-Metriken

Stars
 (5.821 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 188T 15h) (2 gemergte PRs in 30 T)

Beschreibung

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-Richtung
Untersuche alternative Möglichkeiten, die Checkbox zu verstecken, während sie per Tastatur fokussierbar bleibt, z. B. durch opacity: 0 oder Clipping. Stelle sicher, dass das Label die versteckte Checkbox korrekt umschaltet.
Tech Stack
htmlcss
Domain
frontendaccessibility
Issue Type
Barrierefreiheit
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
HTMLCSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80