root/Fretboard-Trainer
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

UI: Fretboard-Grid HIG-konform machen (Touch-Targets, Semantic Colors, Dynamic Type) #2

New issue
Open
opened 2026-05-03 14:41:28 +02:00 by root · 0 comments
root commented 2026-05-03 14:41:28 +02:00
Owner
Copy link

Beschreibung

Das Griffbrett-Grid muss HIG-konform werden: korrekte Touch-Targets, semantische Farben, Dynamic-Type-sichere Notenanzeige.

HIG-Vorgaben

  • 44×44pt Minimum-Touch-Targets für jeden Bund/Saite-Schnittpunkt (wiki/reference/hig-gestures.md)
  • Semantic Colors statt hartkodiertem RGB (wiki/reference/hig-color.md)
    • label / secondaryLabel für Notennamen
    • systemBackground / secondarySystemBackground für Griffbrett
  • 4.5:1 Kontrast für Text auf dem Griffbrett
  • Dynamic Type — Notennamen müssen mit Body-Text-Skalierung wachsen (bis 312% AX5)
  • Nicht nur Farbe — markierte Positionen brauchen Shape + Farbe (wiki/reference/hig-accessibility.md)

Akzeptanzkriterien

  • Jeder tappbare Bund-Saite-Schnittpunkt ≥ 44×44pt Hit-Area
  • Alle Farben über Color(.label) etc., kein hartkodiertes RGB
  • Griffbrett-Darstellung funktioniert in Dark Mode
  • Notennamen-Skalierung mit Dynamic Type getestet (auch AX-Größen)
  • Markierte Bünde mit sichtbarem Shape (Kreis + Farbe, nicht nur Farbe)
  • Kontrast-Check: alle Text/Hintergrund-Kombinationen ≥ 4.5:1
## Beschreibung Das Griffbrett-Grid muss HIG-konform werden: korrekte Touch-Targets, semantische Farben, Dynamic-Type-sichere Notenanzeige. ## HIG-Vorgaben - 44×44pt Minimum-Touch-Targets für jeden Bund/Saite-Schnittpunkt (wiki/reference/hig-gestures.md) - Semantic Colors statt hartkodiertem RGB (wiki/reference/hig-color.md) - label / secondaryLabel für Notennamen - systemBackground / secondarySystemBackground für Griffbrett - 4.5:1 Kontrast für Text auf dem Griffbrett - Dynamic Type — Notennamen müssen mit Body-Text-Skalierung wachsen (bis 312% AX5) - Nicht nur Farbe — markierte Positionen brauchen Shape + Farbe (wiki/reference/hig-accessibility.md) ## Akzeptanzkriterien - [ ] Jeder tappbare Bund-Saite-Schnittpunkt ≥ 44×44pt Hit-Area - [ ] Alle Farben über Color(.label) etc., kein hartkodiertes RGB - [ ] Griffbrett-Darstellung funktioniert in Dark Mode - [ ] Notennamen-Skalierung mit Dynamic Type getestet (auch AX-Größen) - [ ] Markierte Bünde mit sichtbarem Shape (Kreis + Farbe, nicht nur Farbe) - [ ] Kontrast-Check: alle Text/Hintergrund-Kombinationen ≥ 4.5:1
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
No results found.
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
root/Fretboard-Trainer#2
No description provided.