Changeset 47558

Timestamp:

04/09/2020 04:07:19 PM (4 years ago)

Author:

afercia

Message:

Accessibility: Fix the headings hierarchy on the Freedoms page.

Props ryelle, afercia.
Fixes #49838.

Location:

trunk/src/wp-admin

Files:

• css/about.css (modified) (1 diff)
• freedoms.php (modified) (1 diff)

trunk/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;

trunk/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>