Zum Inhalt springen
fend-ui
Vorschau

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

2
  1. Navigation prüfen

    Fokusring und Skip-Link auf allen Seiten.

    A11y

  2. Tokens dokumentieren

    Semantische Flächen und Zustände beschreiben.

    Doku

In Arbeit

2 von 2
  1. Kanban-Board bauen

    Maus, Touch und Tastatur gleichwertig bedienbar.

    Entwicklung

  2. Farben prüfen

    Kontraste in Light und Dark messen.

    Design

Fertig

1
  1. Provider 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.