edwardtufte/tufte-css

sidenote toggle input is not operable or focusable by keyboards

Open

#195 ouverte le 20 janv. 2026

Voir sur GitHub
 (2 commentaires) (0 réactions) (0 assignés)HTML (446 forks)batch import
enhancementhelp wanted

Métriques du dépôt

Stars
 (5 821 stars)
Métriques de merge PR
 (Merge moyen 188j 15h) (2 PRs mergées en 30 j)

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.

Guide contributeur

Direction de recherche
Recherchez des méthodes alternatives pour masquer la case à cocher tout en laissant le focus clavier, comme l'utilisation de opacity: 0 ou le clipping. Assurez vous que le label bascule correctement la case à cocher masquée.
Stack technique
htmlcss
Domaine
frontendaccessibility
Type d'issue
Accessibilité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Récente
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
HTMLCSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80