Site Health: Improve HTML semantics for tables used in Site Health debug tab.

This changeset removes the `presentation` role from the Site Health debug tab tables to switch them into regular data tables, and updates the related stylesheet to keep the previously used styles.

Props audrasjb, hbhalodia, rvouill, mukesh27, sabernhardt, joedolson, alexstine.
Fixes #62880.



git-svn-id: https://develop.svn.wordpress.org/trunk@59859 602fd350-edb4-49c9-b593-d223f7449a82

Author: audrasjb

src/wp-admin/css/site-health.css

@@ -166,6 +166,10 @@ are styled in the Privacy section of edit.css */
 	margin: 0 auto;
 }
 
+.widefat.health-check-table th {
+	font-size: 13px;
+}
+
 .health-check-table td:first-child {
 	width: 30%;
 }
@@ -337,13 +341,15 @@ are styled in the Privacy section of edit.css */
 		table-layout: fixed;
 	}
 
+	.health-check-table th,
 	.health-check-table td {
 		box-sizing: border-box;
 		display: block;
 		width: 100%;
 		word-wrap: break-word;
 	}
 
+	.widefat.health-check-table th,
 	.health-check-table td:first-child {
 		width: 100%;
 		padding-bottom: 0;

src/wp-admin/site-health-info.php

@@ -108,7 +108,7 @@
 				}
 
 				?>
-				<table class="widefat striped health-check-table" role="presentation">
+				<table class="widefat striped health-check-table">
 					<tbody>
 					<?php
 
@@ -126,9 +126,9 @@
 						}
 
 						if ( in_array( $field_name, $sizes_fields, true ) ) {
-							printf( '<tr><td>%s</td><td class="%s">%s</td></tr>', esc_html( $field['label'] ), esc_attr( $field_name ), $values );
+							printf( '<tr><th scope="row">%s</th><td class="%s">%s</td></tr>', esc_html( $field['label'] ), esc_attr( $field_name ), $values );
 						} else {
-							printf( '<tr><td>%s</td><td>%s</td></tr>', esc_html( $field['label'] ), $values );
+							printf( '<tr><th scope="row">%s</th><td>%s</td></tr>', esc_html( $field['label'] ), $values );
 						}
 					}