[MGNLUI-4048] Use table header (TH) elements Created: 21/Oct/16  Updated: 27/Jun/17

Status: Open
Project: Magnolia UI
Component/s: app framework
Affects Version/s: 5.4.9
Fix Version/s: None

Type: Story Priority: Neutral
Reporter: Antti Hietala Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: WAI-ARIA, accessibility
Remaining Estimate: 2d
Time Spent: Not Specified
Original Estimate: 2d

Attachments: PNG File two-tables.png    
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Epic Link: Accessibility improvements

 Description   

Tables (tree and list views) consist of two tables: table headings and table data. Since there are no TH (table header) elements a screen reader cannot read the header value before the cell value. This is a problem because tables are different from one app to the next, they have different columns and the columns are customizable. It is impossible to learn which column a value represents when you hear the screen reader speak it.

The new Vaadin tree grid is a single table with all the expected elements (thead, tbody, th, td). Retest what the screen reader speaks when the new tree grid is implemented. Some new accessibility labels may be needed for header cells. The new tree grid is also aware of which cell has focus.


Generated at Mon Feb 12 09:12:44 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.