Changeset 47566 for branches/5.4

Timestamp:

04/10/2020 02:54:46 AM (6 years ago)

Author:

whyisjake

Message:

Accessibility: Fix the headings hierarchy on the Freedoms page.

Props ryelle, afercia.
Bring r47558 to the 5.4 branch.

Fixes #49838.

Location:

branches/5.4

Files:

• . (modified) (1 prop)
• src/wp-admin/css/about.css (modified) (1 diff)
• src/wp-admin/freedoms.php (modified) (1 diff)

branches/5.4/src/wp-admin/css/about.css

@@ -318 +318 @@
 }
 
-.about__container h3 {
+.about__container h3,
+.about__container h2.is-smaller-heading {
         margin-top: 0;
         font-size: 1em;

branches/5.4/src/wp-admin/freedoms.php

@@ -65 +65 @@
                 <div class="column">
                         <div class="freedoms-image"></div>
-                        <h3><?php _e( 'The 1st Freedom' ); ?></h3>
+                        <h2 class="is-smaller-heading"><?php _e( 'The 1st Freedom' ); ?></h2>
                         <p><?php _e( 'To run the program for any purpose.' ); ?></p>
                 </div>
                 <div class="column">
                         <div class="freedoms-image"></div>
-                        <h3><?php _e( 'The 2nd Freedom' ); ?></h3>
+                        <h2 class="is-smaller-heading"><?php _e( 'The 2nd Freedom' ); ?></h2>
                         <p><?php _e( 'To study how the program works and change it to make it do what you wish.' ); ?></p>
                 </div>
                 <div class="column">
                         <div class="freedoms-image"></div>
-                        <h3><?php _e( 'The 3rd Freedom' ); ?></h3>
+                        <h2 class="is-smaller-heading"><?php _e( 'The 3rd Freedom' ); ?></h2>
                         <p><?php _e( 'To redistribute.' ); ?></p>
                 </div>
                 <div class="column">
                         <div class="freedoms-image"></div>
-                        <h3><?php _e( 'The 4th Freedom' ); ?></h3>
+                        <h2 class="is-smaller-heading"><?php _e( 'The 4th Freedom' ); ?></h2>
                         <p><?php _e( 'To distribute copies of your modified versions to others.' ); ?></p>
                 </div>