Note: this issue is still in review.

Issue Summary

Tables are inaccessible for screen reader & low vision users

Steps to Reproduce

1. Navigate to a page with table. 
2. Inspect the code of the table 
3. Observe roles such as "grid", "row", etc are used inappropriately.

Actual Results

Following issues were observed in the table of confluence 

• role=grid is provided to the <table> element unnecessarily 
• <colgroup> element is coded unnecessarily 
• <thead> element has aria-label="Use column header buttons to sort" unnecessarily 
• <tr> elements have role="row" unnecessarily 
• <th> elements have role="columnheader" unnecessarily 

Also the sorting direction icons are not clearly visible. 

Expected Results

The unnecessary roles should be removed from the code & improve the visibility of sorting direction icons so that it is easy to be perceived by low vision users.

Refer to the Example here: https://www.w3.org/WAI/ARIA/apg/patterns/table/examples/sortable-table/ 

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available