Changeset 49760

Timestamp:

12/06/2020 10:04:56 PM (4 years ago)

Author:

peterwilsoncc

Message:

Twenty Twenty-One: Fix the nesting of the main element.

The main element must not appear as a descendant of the section element. Correct markup is the first requirement to make user agents and assistive technologies work properly.

Changes the <section> element that was wrapping the <main> element to a <div>.

Follow-up to [45942] for Twenty Nineteen.

Props albertomake, poena.
Reviewed by SergeyBiryukov, peterwilsoncc.
Merges [49759] to the 5.6 branch.
Fixes #51944.

Location:

branches/5.6

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentytwentyone/footer.php (modified) (1 diff)
• src/wp-content/themes/twentytwentyone/header.php (modified) (1 diff)

branches/5.6/src/wp-content/themes/twentytwentyone/footer.php

@@ -14 +14 @@
 ?>
             </main><!-- #main -->
-        </section><!-- #primary -->
+        </div><!-- #primary -->
     </div><!-- #content -->
 

branches/5.6/src/wp-content/themes/twentytwentyone/header.php

@@ -29 +29 @@
 
     <div id="content" class="site-content">
-        <section id="primary" class="content-area">
+        <div id="primary" class="content-area">
             <main id="main" class="site-main" role="main">