As a screen reader user I want the muscle frequency table to use semantic table markup so I can navigate it by row and column

[ChristopherRotnes]

Summary

The muscle frequency table in Report.jsx (lines 391–431) is rendered using <div> elements with display: flex layout. While visually it looks like a table with column headers (Muskel, Aktivitet, etc.), screen readers cannot identify the column–cell relationships. Users navigating by table landmark get no results, and data cells have no association with their column headers.

Priority

Medium

Acceptance criteria

• The frequency table is refactored to use <table>, <thead>, <tbody>, <tr>, <th scope=\"col\">, and <td> elements
• Visual appearance is preserved (same spacing, typography, and Carbon tokens)
• <th> elements have appropriate scope=\"col\" attributes
• Screen reader can navigate the table by row/column (tested with NVDA or VoiceOver)
• No regressions in light (g10) or dark (g100) theme appearance

[ChristopherRotnes]

Fixed in PR #88 (a11y/semantic-markup): converted muscle frequency from flex divs to semantic

with thead/tbody and scope="col" headers. Verified by developer.