Ticket #46714: 46714.2.diff

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

@@ -271 +271 @@
         border: 1px solid #e2e4e7;
 }
 
-.health-check-accordion dt {
+.health-check-accordion-heading {
+        margin: 0;
+        border-top: 1px solid #e2e4e7;
+        font-size: inherit;
+        line-height: inherit;
         font-weight: 600;
-        border-top: 1px solid #e2e4e7;
+        color: inherit;
 }
 
-.health-check-accordion dt:first-child {
+.health-check-accordion-heading:first-child {
         border-top: none;
 }
 

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

@@ -95 +95 @@
                 <?php endif; ?>
         </div>
 
-        <dl id="health-check-debug" role="presentation" class="health-check-accordion">
+        <div id="health-check-debug" class="health-check-accordion">
 
                 <?php
                 foreach ( $info as $section => $details ) {
@@ -103 +103 @@
                                 continue;
                         }
                         ?>
-                        <dt role="heading" aria-level="3">
+                        <h3 class="health-check-accordion-heading">
                                 <button aria-expanded="false" class="health-check-accordion-trigger" aria-controls="health-check-accordion-block-<?php echo esc_attr( $section ); ?>" id="health-check-accordion-heading-<?php echo esc_attr( $section ); ?>" type="button">
-                <span class="title">
-                        <?php echo esc_html( $details['label'] ); ?>
+                                        <span class="title">
+                                                <?php echo esc_html( $details['label'] ); ?>
 
-                        <?php if ( isset( $details['show_count'] ) && $details['show_count'] ) : ?>
-                                <?php printf( '(%d)', count( $details['fields'] ) ); ?>
-                        <?php endif; ?>
-                </span>
+                                                <?php if ( isset( $details['show_count'] ) && $details['show_count'] ) : ?>
+                                                        <?php printf( '(%d)', count( $details['fields'] ) ); ?>
+                                                <?php endif; ?>
+                                        </span>
                                         <span class="icon"></span>
                                 </button>
-                        </dt>
+                        </h3>
 
-                        <dd id="health-check-accordion-block-<?php echo esc_attr( $section ); ?>" role="region" aria-labelledby="health-check-accordion-heading-<?php echo esc_attr( $section ); ?>" class="health-check-accordion-panel" hidden="hidden">
+                        <div id="health-check-accordion-block-<?php echo esc_attr( $section ); ?>" role="region" aria-labelledby="health-check-accordion-heading-<?php echo esc_attr( $section ); ?>" class="health-check-accordion-panel" hidden="hidden">
                                 <?php
                                 if ( isset( $details['description'] ) && ! empty( $details['description'] ) ) {
                                         printf(
@@ -161 +161 @@
                                         ?>
                                         </tbody>
                                 </table>
-                        </dd>
+                        </div>
                 <?php } ?>
-        </dl>
+        </div>
 </div>
 
 <?php

src/wp-admin/site-health.php

@@ -92 +92 @@
                                 <span class="issue-count">0</span> <?php _e( 'Critical issues' ); ?>
                         </h3>
 
-                        <dl id="health-check-site-status-critical" role="presentation" class="health-check-accordion issues"></dl>
+                        <div id="health-check-site-status-critical" class="health-check-accordion issues"></div>
                 </div>
 
                 <div class="site-health-issues-wrapper" id="health-check-issues-recommended">
@@ -100 +100 @@
                                 <span class="issue-count">0</span> <?php _e( 'Recommended improvements' ); ?>
                         </h3>
 
-                        <dl id="health-check-site-status-recommended" role="presentation" class="health-check-accordion issues"></dl>
+                        <div id="health-check-site-status-recommended" class="health-check-accordion issues"></div>
                 </div>
         </div>
 
@@ -115 +115 @@
                         <span class="issue-count">0</span> <?php _e( 'Items with no issues detected' ); ?>
                 </h3>
 
-                <dl id="health-check-site-status-good" role="presentation" class="health-check-accordion issues"></dl>
+                <div id="health-check-site-status-good" class="health-check-accordion issues"></div>
         </div>
 </div>
 
 <script id="tmpl-health-check-issue" type="text/template">
-        <dt role="heading" aria-level="4">
+        <h4 class="health-check-accordion-heading">
                 <button aria-expanded="false" class="health-check-accordion-trigger" aria-controls="health-check-accordion-block-{{ data.test }}" id="health-check-accordion-heading-{{ data.test }}" type="button">
                         <span class="title">{{ data.label }}</span>
                         <span class="badge {{ data.badge.color }}">{{ data.badge.label }}</span>
                         <span class="icon"></span>
                 </button>
-        </dt>
-        <dd id="health-check-accordion-block-{{ data.test }}" aria-labelledby="health-check-accordion-heading-{{ data.test }}" role="region" class="health-check-accordion-panel" hidden="hidden">
+        </h4>
+        <div id="health-check-accordion-block-{{ data.test }}" aria-labelledby="health-check-accordion-heading-{{ data.test }}" role="region" class="health-check-accordion-panel" hidden="hidden">
                 {{{ data.description }}}
                 <div class="actions">
                         <p class="button-container">{{{ data.actions }}}</p>
                 </div>
-        </dd>
+        </div>
 </script>
 
 <?php