Kanban
Board mit ziehbaren Karten auf @dnd-kit. Maus, Touch mit Long-Press und Tastatur sind gleichwertig bedienbar; der Fokus bleibt bei Tastaturverschiebungen auf der Karte und jede Bewegung wird angesagt. Spaltenlimits warnen sichtbar, ohne das Ablegen zu blockieren.
Board
Karten lassen sich mit der Maus ziehen, auf Touch-Geräten nach kurzem Gedrückthalten. Beim Ziehen hebt sich die Karte an und hinterlässt einen gestrichelten Platzhalter.
Zu erledigen
2Navigation prüfen
Fokusring und Skip-Link auf allen Seiten.
A11y
Tokens dokumentieren
Semantische Flächen und Zustände beschreiben.
Doku
In Arbeit
2 von 2Kanban-Board bauen
Maus, Touch und Tastatur gleichwertig bedienbar.
Entwicklung
Farben prüfen
Kontraste in Light und Dark messen.
Design
Fertig
1Provider aufsetzen
Sprache, Dichte und Akzent zentral steuern.
Entwicklung
Tastatur
Jede Bewegung wird über eine Live-Region angesagt. Der Fokus bleibt auf der bewegten Karte, damit mehrere Tasten hintereinander funktionieren.
- Leertaste nimmt die fokussierte Karte auf und legt sie wieder ab.
- Pfeil oben/unten verschiebt innerhalb der Spalte, links/rechts wechselt die Spalte.
- Escape stellt den Ausgangszustand wieder her.
Spaltenlimit
„In Arbeit“ ist auf zwei Karten begrenzt. Das Limit wird nicht erzwungen, aber sichtbar und per Live-Region gewarnt, sobald es überschritten ist.
Drei Karten in „In Arbeit“ legen die Warnung an der Spaltenüberschrift offen.