SAP/fundamental

Improve table accessibility

trilodge opened this issue · 0 comments

Is this issue related to a specific component?
table control

What version of the Fiori Fundamentals are you using?
1.4.9.

Describe the solution you'd like

The table component is missing some essential html attributes to connect rows and cols with their table headers and descriptions to make it a real data table.
I would suggest adding the "scope" attribute on <th> elements for <thead> and <tbody> with values of "row" or "col" to connect these locally for screenreaders etc. Also it would be nessessary to be able to put th inside tbody as well like given in the example in the link below.

Additional context

Markup and further explanation could be found here: https://inclusive-components.design/data-tables/

I already had a look into the table.scss file. It would need some restructuring to support this, because .fd-table__fixed-col would break the layout there.