Changeset 47521 for trunk/src/wp-admin/about.php

Timestamp:

03/27/2020 11:39:37 PM (5 years ago)

Author:

SergeyBiryukov

Message:

Help/About: Improve accessibility of the 5.4 About page:

• Remove vertical text and unnecessary italics.
• Update H1 headings on About, Credits, Freedoms, Privacy pages to be unique to each page.

Props sabernhardt, ryelle, melchoyce, karmatosed, audrasjb, afercia, davidbaumwald, SergeyBiryukov.
See #49295.

File:

• trunk/src/wp-admin/about.php (modified) (3 diffs)

trunk/src/wp-admin/about.php

@@ -21 +21 @@
         <div class="about__header">
             <div class="about__header-title">
-                <h1>
+                <p>
                     <?php _e( 'WordPress' ); ?>
                     <span><?php echo $display_version; ?></span>
-                </h1>
+                </p>
             </div>
 
@@ -42 +42 @@
 
         <div class="about__section is-feature has-accent-background-color">
-            <p><?php _e( 'Say hello to more and better.' ); ?></p>
+            <h1><?php _e( 'Say hello to more and better.' ); ?></h1>
+
             <p><?php _e( 'More ways to make your pages come alive. With easier ways to get it all done and looking better than ever&mdash;and boosts in speed you can feel.' ); ?></p>
         </div>
@@ -106 +107 @@
                     <li><?php _e( 'Know at a glance whether you&#8217;re in a block&#8217;s Edit or Navigation mode. Or, if you have restricted vision, your screen reader will tell you which mode you&#8217;re in.' ); ?></li>
                 </ul>
-                <p><em><?php _e( 'Of course, if you want to work with the very latest tools and features, install the <a href="https://wordpress.org/plugins/gutenberg/">Gutenberg plugin</a>. You&#8217;ll get to be the first to use new and exciting features in the block editor, before anyone else has seen them!' ); ?></em></p>
+                <p><?php _e( 'Of course, if you want to work with the very latest tools and features, install the <a href="https://wordpress.org/plugins/gutenberg/">Gutenberg plugin</a>. You&#8217;ll get to be the first to use new and exciting features in the block editor, before anyone else has seen them!' ); ?></p>
             </div>
             <div class="column is-edge-to-edge">