Skip to content

fix: add accessible fretbox voicing descriptions - #5560

Merged
atomantic merged 2 commits into
mainfrom
claim/issue-5556
Sep 1, 2026
Merged

fix: add accessible fretbox voicing descriptions#5560
atomantic merged 2 commits into
mainfrom
claim/issue-5556

Conversation

@atomantic

Copy link
Copy Markdown
Owner

Summary

  • Add screen-reader text alternatives for guitar and ukulele fretbox chord diagrams.
  • Describe each string as muted, open, or its absolute fret, including higher-position base frets and bass notes.
  • Cover both instrument voicings with focused component tests.

Tests

  • npm test -- --run src/components/songbook/ChordDiagram.test.jsx
  • npm test -- --run src/components/songbook/TabSheetView.test.jsx
  • npx biome check src/components/songbook/ChordDiagram.jsx src/components/songbook/ChordDiagram.test.jsx

Closes #5556

@atomantic

Copy link
Copy Markdown
Owner Author

Serialized merge gate stopped on a deterministic client test failure: ChordDiagram.test.jsx expected the first-position rendering text not to match /fr/, but the new accessible description contains “fret”. The required CI Gate is red, so this PR remains open with its claim intact.

Expose muted, open, and absolute fret positions as screen-reader text alongside the visual chord diagrams so SongBook popovers and the chords-used strip remain understandable without SVG geometry.
@atomantic
atomantic merged commit 82c8b8f into main Sep 1, 2026
7 checks passed
@atomantic
atomantic deleted the claim/issue-5556 branch September 1, 2026 03:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Fretbox chord diagrams lack accessible text alternative for guitar and ukulele voicings

1 participant