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

UI: Controls HIG-konform machen (Toggles, Segmented Control, Slider) #3

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

Beschreibung

Die drei Haupt-Controls müssen an die HIG angepasst werden: Saiten-Toggles, Mode-Segment, Assistance-Slider.

Saiten-Toggles (wiki/reference/hig-toggles.md)

  • Status muss über Shape + Farbe kommuniziert werden (nicht nur Farbe)
  • 44×44pt Hit-Targets
  • Klare Labels pro Saite

Mode-Segment (wiki/reference/hig-segmented-controls.md)

  • 2 Segmente ist ideal (Name Note / Find Note)
  • Labels: Nomen oder Title Case, nie mischen

Assistance-Slider (wiki/reference/hig-sliders.md)

  • Hare/Tortoise-Icons an den Enden
  • Step: 1, Min/Max-Labels: "0s" / "10s"
  • Aktuellen Wert anzeigen, Accessibility-Label: "Assistance Delay"

Akzeptanzkriterien

  • Saiten-Toggles: State durch Shape + Farbe, 44pt Hit-Targets
  • Mode-Segment: 2 Segmente, Title Case Labels
  • Slider: Hare/Tortoise-Icons, Step 1, korrekte Labels, Wert-Anzeige
  • Alle Controls funktionieren mit VoiceOver
  • Alle Controls in Dark Mode korrekt
## Beschreibung Die drei Haupt-Controls müssen an die HIG angepasst werden: Saiten-Toggles, Mode-Segment, Assistance-Slider. ## Saiten-Toggles (wiki/reference/hig-toggles.md) - Status muss über Shape + Farbe kommuniziert werden (nicht nur Farbe) - 44×44pt Hit-Targets - Klare Labels pro Saite ## Mode-Segment (wiki/reference/hig-segmented-controls.md) - 2 Segmente ist ideal (Name Note / Find Note) - Labels: Nomen oder Title Case, nie mischen ## Assistance-Slider (wiki/reference/hig-sliders.md) - Hare/Tortoise-Icons an den Enden - Step: 1, Min/Max-Labels: "0s" / "10s" - Aktuellen Wert anzeigen, Accessibility-Label: "Assistance Delay" ## Akzeptanzkriterien - [ ] Saiten-Toggles: State durch Shape + Farbe, 44pt Hit-Targets - [ ] Mode-Segment: 2 Segmente, Title Case Labels - [ ] Slider: Hare/Tortoise-Icons, Step 1, korrekte Labels, Wert-Anzeige - [ ] Alle Controls funktionieren mit VoiceOver - [ ] Alle Controls in Dark Mode korrekt
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#3
No description provided.