Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-91505

Tables are inaccessible for screen reader & low vision users

XMLWordPrintable

      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

        1. Screenshot 2025-05-13 at 11.40.19 AM.png
          567 kB
          Varsha Bansode
        2. Screen Recording 2025-05-13 at 4.39.51 PM.mov
          12.85 MB
          Varsha Bansode
        3. image-2025-05-19-11-45-07-602.png
          1.07 MB
          Varsha Bansode

              bb797b5e39e7 Judy Lim
              4b5b126a48d0 ssuryavanshi (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

                Created:
                Updated:
                Resolved: