<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[45076] trunk/src/wp-admin: Administration: Display a notice in the Site Health pages when JavaScript is off.</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/45076">45076</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/45076","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>afercia</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2019-03-30 15:37:28 +0000 (Sat, 30 Mar 2019)</dd>
</dl>

<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Administration: Display a notice in the Site Health pages when JavaScript is off.

- displays an error notice when JavaScript is off, consistently with other admin screens that depend on JavaScript
- keeps the main `h1` visible

Minor clean-ups:
- makes code indentation consistent in `site-health.php` and `site-health-info.php`
- removes a couple of `<div class="wp-clearfix"></div>` as that's not the intended usage of `wp-clearfix` (those divs didn't do anything anyways)

Fixes <a href="https://core.trac.wordpress.org/ticket/46717">#46717</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadminsitehealthinfophp">trunk/src/wp-admin/site-health-info.php</a></li>
<li><a href="#trunksrcwpadminsitehealthphp">trunk/src/wp-admin/site-health.php</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpadminsitehealthinfophp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/site-health-info.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/site-health-info.php   2019-03-30 14:41:16 UTC (rev 45075)
+++ trunk/src/wp-admin/site-health-info.php     2019-03-30 15:37:28 UTC (rev 45076)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -29,141 +29,142 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> require_once( ABSPATH . 'wp-admin/admin-header.php' );
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div class="health-check-header">
+       <div class="health-check-title-section">
+               <h1>
+                       <?php _ex( 'Site Health', 'Menu, Section and Page Title' ); ?>
+               </h1>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <div class="health-check-header">
-               <div class="health-check-title-section">
-                       <h1>
-                               <?php _ex( 'Site Health', 'Menu, Section and Page Title' ); ?>
-                       </h1>
-
-                       <div class="site-health-progress loading">
-                               <svg role="img" aria-hidden="true" focusable="false" width="100%" height="100%" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg">
-                                       <circle r="90" cx="100" cy="100" fill="transparent" stroke-dasharray="565.48" stroke-dashoffset="0"></circle>
-                                       <circle id="bar" r="90" cx="100" cy="100" fill="transparent" stroke-dasharray="565.48" stroke-dashoffset="0"></circle>
-                               </svg>
-                               <span class="screen-reader-text"><?php _e( 'Current health score:' ); ?></span>
-                               <span class="site-health-progress-count"></span>
-                       </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div class="site-health-progress hide-if-no-js loading">
+                       <svg role="img" aria-hidden="true" focusable="false" width="100%" height="100%" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg">
+                               <circle r="90" cx="100" cy="100" fill="transparent" stroke-dasharray="565.48" stroke-dashoffset="0"></circle>
+                               <circle id="bar" r="90" cx="100" cy="100" fill="transparent" stroke-dasharray="565.48" stroke-dashoffset="0"></circle>
+                       </svg>
+                       <span class="screen-reader-text"><?php _e( 'Current health score:' ); ?></span>
+                       <span class="site-health-progress-count"></span>
</ins><span class="cx" style="display: block; padding: 0 10px">                 </div>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <nav class="health-check-tabs-wrapper" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
-                       <a href="<?php echo esc_url( admin_url( 'site-health.php' ) ); ?>" class="health-check-tab">
-                               <?php _e( 'Status' ); ?>
-                       </a>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <nav class="health-check-tabs-wrapper hide-if-no-js" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
+               <a href="<?php echo esc_url( admin_url( 'site-health.php' ) ); ?>" class="health-check-tab">
+                       <?php _e( 'Status' ); ?>
+               </a>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <a href="<?php echo esc_url( admin_url( 'site-health.php?tab=debug' ) ); ?>" class="health-check-tab active" aria-current="true">
-                               <?php _e( 'Info' ); ?>
-                       </a>
-               </nav>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <a href="<?php echo esc_url( admin_url( 'site-health.php?tab=debug' ) ); ?>" class="health-check-tab active" aria-current="true">
+                       <?php _e( 'Info' ); ?>
+               </a>
+       </nav>
+</div>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div class="wp-clearfix"></div>
-       </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div class="notice notice-error hide-if-js">
+       <p><?php _e( 'The Site Health check requires JavaScript.' ); ?></p>
+</div>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <div class="health-check-body">
-               <?php
-               WP_Debug_Data::check_for_updates();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div class="health-check-body hide-if-no-js">
+       <?php
+       WP_Debug_Data::check_for_updates();
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                $info         = WP_Debug_Data::debug_data();
-               $english_info = '';
-               if ( 0 !== strpos( get_locale(), 'en' ) ) {
-                       $english_info = WP_Debug_Data::debug_data( 'en_US' );
-               }
-               ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $info         = WP_Debug_Data::debug_data();
+       $english_info = '';
+       if ( 0 !== strpos( get_locale(), 'en' ) ) {
+               $english_info = WP_Debug_Data::debug_data( 'en_US' );
+       }
+       ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <h2>
-                       <?php _e( 'Site Info' ); ?>
-               </h2>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h2>
+               <?php _e( 'Site Info' ); ?>
+       </h2>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <p>
-                       <?php _e( 'This page can show you every detail about the configuration of your WordPress website. If we see anything here that could be improved, we will let you know on the Site Status page.' ); ?>
-               </p>
-               <p>
-                       <?php _e( 'If you want to export a handy list of all the information on this page, you can use the button below to copy it to the clipboard. You can then paste it in a text file and save it to your harddrive, or paste it in an email exchange with a support engineer or theme/plugin developer for example.' ); ?>
-               </p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p>
+               <?php _e( 'This page can show you every detail about the configuration of your WordPress website. If we see anything here that could be improved, we will let you know on the Site Status page.' ); ?>
+       </p>
+       <p>
+               <?php _e( 'If you want to export a handy list of all the information on this page, you can use the button below to copy it to the clipboard. You can then paste it in a text file and save it to your harddrive, or paste it in an email exchange with a support engineer or theme/plugin developer for example.' ); ?>
+       </p>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div class="site-health-copy-buttons">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="site-health-copy-buttons">
+               <div class="copy-button-wrapper">
+                       <button type="button" class="button button-primary copy-button" data-clipboard-text="<?php echo esc_attr( WP_Debug_Data::format( $info, 'text' ) ); ?>"><?php _e( 'Copy site info to clipboard' ); ?></button>
+                       <span class="success" aria-hidden="true">Copied!</span>
+               </div>
+               <?php if ( $english_info ) : ?>
</ins><span class="cx" style="display: block; padding: 0 10px">                         <div class="copy-button-wrapper">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <button type="button" class="button button-primary copy-button" data-clipboard-text="<?php echo esc_attr( WP_Debug_Data::format( $info, 'text' ) ); ?>"><?php _e( 'Copy site info to clipboard' ); ?></button>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <button type="button" class="button copy-button" data-clipboard-text="<?php echo esc_attr( WP_Debug_Data::format( $english_info, 'text' ) ); ?>"><?php _e( 'Copy site info to clipboard (English)' ); ?></button>
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <span class="success" aria-hidden="true">Copied!</span>
</span><span class="cx" style="display: block; padding: 0 10px">                        </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <?php if ( $english_info ) : ?>
-                               <div class="copy-button-wrapper">
-                                       <button type="button" class="button copy-button" data-clipboard-text="<?php echo esc_attr( WP_Debug_Data::format( $english_info, 'text' ) ); ?>"><?php _e( 'Copy site info to clipboard (English)' ); ?></button>
-                                       <span class="success" aria-hidden="true">Copied!</span>
-                               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <?php endif; ?>
+       </div>
+
+       <dl id="health-check-debug" role="presentation" class="health-check-accordion">
+
+               <?php
+               foreach ( $info as $section => $details ) {
+                       if ( ! isset( $details['fields'] ) || empty( $details['fields'] ) ) {
+                               continue;
+                       }
+                       ?>
+                       <dt role="heading" aria-level="3">
+                               <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'] ); ?>
+
+                       <?php if ( isset( $details['show_count'] ) && $details['show_count'] ) : ?>
+                               <?php printf( '(%d)', count( $details['fields'] ) ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px">                         <?php endif; ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         </span>
+                                       <span class="icon"></span>
+                               </button>
+                       </dt>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <dl id="health-check-debug" role="presentation" class="health-check-accordion">
-
-                       <?php
-                       foreach ( $info as $section => $details ) {
-                               if ( ! isset( $details['fields'] ) || empty( $details['fields'] ) ) {
-                                       continue;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <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">
+                               <?php
+                               if ( isset( $details['description'] ) && ! empty( $details['description'] ) ) {
+                                       printf(
+                                               '<p>%s</p>',
+                                               wp_kses(
+                                                       $details['description'],
+                                                       array(
+                                                               'a'      => array(
+                                                                       'href' => true,
+                                                               ),
+                                                               'strong' => true,
+                                                               'em'     => true,
+                                                       )
+                                               )
+                                       );
</ins><span class="cx" style="display: block; padding: 0 10px">                                 }
</span><span class="cx" style="display: block; padding: 0 10px">                                ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <dt role="heading" aria-level="3">
-                                       <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'] ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <table class="widefat striped health-check-table" role="presentation">
+                                       <tbody>
+                                       <?php
+                                       foreach ( $details['fields'] as $field ) {
+                                               if ( is_array( $field['value'] ) ) {
+                                                       $values = '<ul>';
+                                                       foreach ( $field['value'] as $name => $value ) {
+                                                               $values .= sprintf(
+                                                                       '<li>%s: %s</li>',
+                                                                       esc_html( $name ),
+                                                                       esc_html( $value )
+                                                               );
+                                                       }
+                                                       $values .= '</ul>';
+                                               } else {
+                                                       $values = esc_html( $field['value'] );
+                                               }
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <?php if ( isset( $details['show_count'] ) && $details['show_count'] ) : ?>
-                                       <?php printf( '(%d)', count( $details['fields'] ) ); ?>
-                               <?php endif; ?>
-                       </span>
-                                               <span class="icon"></span>
-                                       </button>
-                               </dt>
-
-                               <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">
-                                       <?php
-                                       if ( isset( $details['description'] ) && ! empty( $details['description'] ) ) {
</del><span class="cx" style="display: block; padding: 0 10px">                                                 printf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                        '<p>%s</p>',
-                                                       wp_kses(
-                                                               $details['description'],
-                                                               array(
-                                                                       'a'      => array(
-                                                                               'href' => true,
-                                                                       ),
-                                                                       'strong' => true,
-                                                                       'em'     => true,
-                                                               )
-                                                       )
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                 '<tr><td>%s</td><td>%s</td></tr>',
+                                                       esc_html( $field['label'] ),
+                                                       $values
</ins><span class="cx" style="display: block; padding: 0 10px">                                                 );
</span><span class="cx" style="display: block; padding: 0 10px">                                        }
</span><span class="cx" style="display: block; padding: 0 10px">                                        ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <table class="widefat striped health-check-table" role="presentation">
-                                               <tbody>
-                                               <?php
-                                               foreach ( $details['fields'] as $field ) {
-                                                       if ( is_array( $field['value'] ) ) {
-                                                               $values = '<ul>';
-                                                               foreach ( $field['value'] as $name => $value ) {
-                                                                       $values .= sprintf(
-                                                                               '<li>%s: %s</li>',
-                                                                               esc_html( $name ),
-                                                                               esc_html( $value )
-                                                                       );
-                                                               }
-                                                               $values .= '</ul>';
-                                                       } else {
-                                                               $values = esc_html( $field['value'] );
-                                                       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 </tbody>
+                               </table>
+                       </dd>
+               <?php } ?>
+       </dl>
+</div>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                        printf(
-                                                               '<tr><td>%s</td><td>%s</td></tr>',
-                                                               esc_html( $field['label'] ),
-                                                               $values
-                                                       );
-                                               }
-                                               ?>
-                                               </tbody>
-                                       </table>
-                               </dd>
-                       <?php } ?>
-               </dl>
-       </div>
-
</del><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> include( ABSPATH . 'wp-admin/admin-footer.php' );
</span></span></pre></div>
<a id="trunksrcwpadminsitehealthphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/site-health.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/site-health.php        2019-03-30 14:41:16 UTC (rev 45075)
+++ trunk/src/wp-admin/site-health.php  2019-03-30 15:37:28 UTC (rev 45076)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -34,7 +34,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> require_once( ABSPATH . 'wp-admin/admin-header.php' );
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> <div class="health-check-header">
</span><span class="cx" style="display: block; padding: 0 10px">        <div class="health-check-title-section">
</span><span class="cx" style="display: block; padding: 0 10px">                <h1>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -41,7 +40,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        <?php _ex( 'Site Health', 'Menu, Section and Page Title' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">                </h1>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div class="site-health-progress loading">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div class="site-health-progress hide-if-no-js loading">
</ins><span class="cx" style="display: block; padding: 0 10px">                         <svg role="img" aria-hidden="true" focusable="false" width="100%" height="100%" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg">
</span><span class="cx" style="display: block; padding: 0 10px">                                <circle r="90" cx="100" cy="100" fill="transparent" stroke-dasharray="565.48" stroke-dashoffset="0"></circle>
</span><span class="cx" style="display: block; padding: 0 10px">                                <circle id="bar" r="90" cx="100" cy="100" fill="transparent" stroke-dasharray="565.48" stroke-dashoffset="0"></circle>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -51,7 +50,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><span class="cx" style="display: block; padding: 0 10px">        </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <nav class="health-check-tabs-wrapper" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <nav class="health-check-tabs-wrapper hide-if-no-js" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
</ins><span class="cx" style="display: block; padding: 0 10px">                 <a href="<?php echo esc_url( admin_url( 'site-health.php' ) ); ?>" class="health-check-tab active" aria-current="true">
</span><span class="cx" style="display: block; padding: 0 10px">                        <?php _e( 'Status' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">                </a>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -60,11 +59,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        <?php _e( 'Info' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">                </a>
</span><span class="cx" style="display: block; padding: 0 10px">        </nav>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+</div>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <div class="wp-clearfix"></div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div class="notice notice-error hide-if-js">
+       <p><?php _e( 'The Site Health check requires JavaScript.' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div class="health-check-body">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div class="health-check-body hide-if-no-js">
</ins><span class="cx" style="display: block; padding: 0 10px">         <div class="site-status-all-clear hide">
</span><span class="cx" style="display: block; padding: 0 10px">                <p class="icon">
</span><span class="cx" style="display: block; padding: 0 10px">                        <span class="dashicons dashicons-yes"></span>
</span></span></pre>
</div>
</div>

</body>
</html>