[wp-trac] [WordPress Trac] #46725: Site Health: make sure layout tables have no semantics

[WordPress Trac]

#46725: Site Health: make sure layout tables have no semantics
----------------------------+-----------------------------------------
 Reporter:  afercia         |      Owner:  (none)
     Type:  defect (bug)    |     Status:  new
 Priority:  normal          |  Milestone:  5.2
Component:  Administration  |    Version:  trunk
 Severity:  normal          |   Keywords:  has-screenshots site-health
  Focuses:  accessibility   |
----------------------------+-----------------------------------------
 The Site Health Info reports use HTML tables. See in the screenshot below:

 [[Image(http://cldup.com/EwBfJkFPZW.png)]]

 During today's accessibility team meeting, we've discussed if these tables
 should be treated as data tables (and thus have proper table headers) or
 as simple layout tables.

 Agreed for layout tables, as the table data is "relational in rows, it's
 just that it's not totally consistent data types that could use headers
 effectively."

 In fact, the data in the right column can be paths, sizes, names, version
 numbers, URLs, etc. That makes nearly impossible to identify some headers
 text that can accurately represent the data type.

 Also, agreed the most important thing is to communicate this data to
 assistive technologies in the simpler possible way (ensuring the content
 makes sense when linearized) rather than trying to identify what HTML
 semantics could be the most appropriate.

 The accessibility team recommendation is to add an ARIA
 `role="presentation"` to the `table` element. For technologies that
 support ARIA, this actually removes any semantics from the table and its
 required children (all the cells).

 Tests and support data available on powermapper:
 https://www.powermapper.com/tests/screen-readers/tables/table-role-
 presentation-layout-table/

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/46725>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform