![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
August 26, 2020 at 2:28 pm #1240920
Hi there, since the last update the <main> tag looks to be bugged when using a color section or grid row on a page. I made a fresh new install of the latest theme with no plugins activated, created a page and placed 2 empty color sections. The result is that the <main> tag is placed inside the container of the first color section instead of wrapping the entire content:
<div id="main" class="all_colors" data-scroll-offset="88"> <div class="stretch_full container_wrap alternate_color light_bg_color title_container"> <div class="container"> <h1 class="main-title entry-title "><a href="https://wordpress-image.test/new/" rel="bookmark" title="Permanente Link: New" itemprop="headline">New</a></h1> <div class="breadcrumb breadcrumbs avia-breadcrumbs"> <div class="breadcrumb-trail"><span class="trail-before"><span class="breadcrumb-title">U bevindt zich hier:</span></span> <span itemscope="itemscope" itemtype="https://schema.org/BreadcrumbList"><span itemscope="itemscope" itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="url" href="https://wordpress-image.test" title="Wordpress Image" rel="home" class="trail-begin"><span itemprop="name">Home</span></a><span itemprop="position" class="hidden">1</span></span></span> <span class="sep">/</span> <span class="trail-end">New</span></div> </div> </div> </div> <div id="av_section_1" class="avia-section main_color avia-section-default avia-no-border-styling avia-bg-style-scroll avia-builder-el-0 el_before_av_section avia-builder-el-first container_wrap sidebar_right" style=" "> <div class="container"> <main role="main" itemprop="mainContentOfPage" class="template-page content av-content-small alpha units"> <div class="post-entry post-entry-type-page post-entry-116"> <div class="entry-content-wrapper clearfix"> </div> </div> </main><!-- close content main element --> </div> </div> <div id="av_section_2" class="avia-section main_color avia-section-default avia-no-border-styling avia-bg-style-scroll avia-builder-el-1 el_after_av_section avia-builder-el-last container_wrap sidebar_right" style=" "> <div class="container"> <div class="template-page content av-content-small alpha units"> <div class="post-entry post-entry-type-page post-entry-116"> <div class="entry-content-wrapper clearfix"></div> </div> </div><!-- close content main div --> </div> </div> <div id="after_section_2" class="main_color av_default_container_wrap container_wrap sidebar_right" style=" "> <div class="container"> <div class="template-page content av-content-small alpha units"> <div class="post-entry post-entry-type-page post-entry-116"> <div class="entry-content-wrapper clearfix"> </div> </div> </div><!-- close content main div --> <!-- section close by builder template --> <aside class="sidebar sidebar_right alpha units" role="complementary" itemscope="itemscope" itemtype="https://schema.org/WPSideBar"> <div class="inner_sidebar extralight-border"> <section class="widget widget_pages"> <h3 class="widgettitle">Pagina’s</h3> <ul> <li class="page_item page-item-32"><a href="https://wordpress-image.test/events/categories/">Categories</a></li> <li class="page_item page-item-30 page_item_has_children"><a href="https://wordpress-image.test/events/">Events</a></li> <li class="page_item page-item-31"><a href="https://wordpress-image.test/events/locations/">Locations</a></li> <li class="page_item page-item-34"><a href="https://wordpress-image.test/events/my-bookings/">My Bookings</a></li> <li class="page_item page-item-116 current_page_item"><a href="https://wordpress-image.test/new/" aria-current="page">New</a></li> <li class="page_item page-item-2"><a href="https://wordpress-image.test/sample-page/">Sample Page</a></li> <li class="page_item page-item-96"><a href="https://wordpress-image.test/shop/">Shop</a> </li> <li class="page_item page-item-33"><a href="https://wordpress-image.test/events/tags/">Tags</a></li> <li class="page_item page-item-103"><a href="https://wordpress-image.test/test/">Test</a> </li> </ul><span class="seperator extralight-border"></span> </section> <section class="widget widget_categories"> <h3 class="widgettitle">Categorieën </h3> <ul> <li class="cat-item cat-item-1"><a href="https://wordpress-image.test/category/uncategorized/">Uncategorized</a> </li> </ul><span class="seperator extralight-border"></span> </section> <section class="widget widget_archive"> <h3 class="widgettitle">Archief</h3> <ul> <li><a href="https://wordpress-image.test/2019/11/">november 2019</a></li> <li><a href="https://wordpress-image.test/2019/07/">juli 2019</a></li> </ul><span class="seperator extralight-border"></span> </section> </div> </aside> </div> <!--end builder template--> </div><!-- close default .container_wrap element --> <div class="container_wrap footer_color" id="footer"> <div class="container"> <div class="flex_column av_one_fourth first el_before_av_one_fourth"> <section class="widget"> <h3 class="widgettitle">Interessante links</h3> <span class="minitext">Interessante links wellicht? Veel plezier op deze site :)</span> </section> </div> <div class="flex_column av_one_fourth el_after_av_one_fourth el_before_av_one_fourth "> <section class="widget widget_pages"> <h3 class="widgettitle">Pagina’s</h3> <ul> <li class="page_item page-item-32"><a href="https://wordpress-image.test/events/categories/">Categories</a></li> <li class="page_item page-item-30 page_item_has_children"><a href="https://wordpress-image.test/events/">Events</a></li> <li class="page_item page-item-31"><a href="https://wordpress-image.test/events/locations/">Locations</a></li> <li class="page_item page-item-34"><a href="https://wordpress-image.test/events/my-bookings/">My Bookings</a></li> <li class="page_item page-item-116 current_page_item"><a href="https://wordpress-image.test/new/" aria-current="page">New</a></li> <li class="page_item page-item-2"><a href="https://wordpress-image.test/sample-page/">Sample Page</a></li> <li class="page_item page-item-96"><a href="https://wordpress-image.test/shop/">Shop</a></li> <li class="page_item page-item-33"><a href="https://wordpress-image.test/events/tags/">Tags</a> </li> <li class="page_item page-item-103"><a href="https://wordpress-image.test/test/">Test</a></li> </ul><span class="seperator extralight-border"></span> </section> </div> <div class="flex_column av_one_fourth el_after_av_one_fourth el_before_av_one_fourth "> <section class="widget widget_categories"> <h3 class="widgettitle">Categorieën </h3> <ul> <li class="cat-item cat-item-1"><a href="https://wordpress-image.test/category/uncategorized/">Uncategorized</a> </li> </ul><span class="seperator extralight-border"></span> </section> </div> <div class="flex_column av_one_fourth el_after_av_one_fourth el_before_av_one_fourth "> <section class="widget widget_archive"> <h3 class="widgettitle">Archief</h3> <ul> <li><a href="https://wordpress-image.test/2019/11/">november 2019</a></li> <li><a href="https://wordpress-image.test/2019/07/">juli 2019</a></li> </ul><span class="seperator extralight-border"></span> </section> </div> </div> <!-- ####### END FOOTER CONTAINER ####### --> </div> <footer class="container_wrap socket_color" id="socket" role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter"> <div class="container"> <span class="copyright">© Copyright - <a href="https://wordpress-image.test/">Wordpress Image</a> - <a rel="nofollow" href="https://kriesi.at">powered by Enfold WordPress Theme</a></span> </div> <!-- ####### END SOCKET CONTAINER ####### --> </footer> <!-- end main --> </div>
When using the grid row in a page, the <main> tag is not being placed at all:
<div id="main" class="all_colors" data-scroll-offset="88"> <div class="stretch_full container_wrap alternate_color light_bg_color title_container"><div class="container"><h1 class="main-title entry-title "><a href="https://wordpress-image.test/test/" rel="bookmark" title="Permanente Link: Test" itemprop="headline">Test</a></h1><div class="breadcrumb breadcrumbs avia-breadcrumbs"><div class="breadcrumb-trail"><span class="trail-before"><span class="breadcrumb-title">U bevindt zich hier:</span></span> <span itemscope="itemscope" itemtype="https://schema.org/BreadcrumbList"><span itemscope="itemscope" itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="url" href="https://wordpress-image.test" title="Wordpress Image" rel="home" class="trail-begin"><span itemprop="name">Home</span></a><span itemprop="position" class="hidden">1</span></span></span> <span class="sep">/</span> <span class="trail-end">Test</span></div></div></div></div><div id="av-layout-grid-1" class="av-layout-grid-container entry-content-wrapper main_color av-flex-cells avia-builder-el-0 el_before_av_one_half avia-builder-el-first container_wrap sidebar_right" style=" "> <div class="flex_cell no_margin av_one_half avia-builder-el-1 el_before_av_cell_one_half avia-builder-el-first "><div class="flex_cell_inner"> <section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock " itemprop="text"><p>Klik hier om uw eigen tekst toe te voegen</p> </div></section> </div></div><div class="flex_cell no_margin av_one_half avia-builder-el-3 el_after_av_cell_one_half avia-builder-el-last "><div class="flex_cell_inner"> <section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock " itemprop="text"><p>Klik hier om uw eigen tekst toe te voegen</p> </div></section> </div></div></div><div id="after_submenu_1" class="main_color av_default_container_wrap container_wrap sidebar_right" style=" "><div class="container"><div class="template-page content av-content-small alpha units"><div class="post-entry post-entry-type-page post-entry-103"><div class="entry-content-wrapper clearfix"><div class="flex_column av_one_half flex_column_div av-zero-column-padding first avia-builder-el-5 el_after_av_layout_row el_before_av_two_third avia-builder-el-first " style="border-radius:0px; "><section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock " itemprop="text"><p>Klik hier om uw eigen tekst toe te voegen</p> </div></section></div><div class="flex_column av_two_third flex_column_div av-zero-column-padding first avia-builder-el-7 el_after_av_one_half el_before_av_three_fourth column-top-margin" style="border-radius:0px; "><section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock " itemprop="text"><p>Klik hier om uw eigen tekst toe te voegen</p> </div></section></div><div class="flex_column av_three_fourth flex_column_div av-zero-column-padding first avia-builder-el-9 el_after_av_two_third avia-builder-el-last column-top-margin" style="border-radius:0px; "><section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock " itemprop="text"><p>Klik hier om uw eigen tekst toe te voegen</p> </div></section></div><p></p> </div></div></div><!-- close content main div --> <!-- section close by builder template --><aside class="sidebar sidebar_right alpha units" role="complementary" itemscope="itemscope" itemtype="https://schema.org/WPSideBar"><div class="inner_sidebar extralight-border"><section class="widget widget_pages"><h3 class="widgettitle">Pagina’s</h3><ul><li class="page_item page-item-32"><a href="https://wordpress-image.test/events/categories/">Categories</a></li> <li class="page_item page-item-30 page_item_has_children"><a href="https://wordpress-image.test/events/">Events</a></li> <li class="page_item page-item-31"><a href="https://wordpress-image.test/events/locations/">Locations</a></li> <li class="page_item page-item-34"><a href="https://wordpress-image.test/events/my-bookings/">My Bookings</a></li> <li class="page_item page-item-116"><a href="https://wordpress-image.test/new/">New</a></li> <li class="page_item page-item-2"><a href="https://wordpress-image.test/sample-page/">Sample Page</a></li> <li class="page_item page-item-96"><a href="https://wordpress-image.test/shop/">Shop</a></li> <li class="page_item page-item-33"><a href="https://wordpress-image.test/events/tags/">Tags</a></li> <li class="page_item page-item-103 current_page_item"><a href="https://wordpress-image.test/test/" aria-current="page">Test</a></li> </ul><span class="seperator extralight-border"></span></section><section class="widget widget_categories"><h3 class="widgettitle">Categorieën </h3><ul> <li class="cat-item cat-item-1"><a href="https://wordpress-image.test/category/uncategorized/">Uncategorized</a> </li> </ul><span class="seperator extralight-border"></span></section><section class="widget widget_archive"><h3 class="widgettitle">Archief</h3><ul> <li><a href="https://wordpress-image.test/2019/11/">november 2019</a></li> <li><a href="https://wordpress-image.test/2019/07/">juli 2019</a></li> </ul><span class="seperator extralight-border"></span></section></div></aside> </div><!--end builder template--></div><!-- close default .container_wrap element --> <div class="container_wrap footer_color" id="footer"> <div class="container"> <div class="flex_column av_one_fourth first el_before_av_one_fourth"> <section class="widget"> <h3 class="widgettitle">Interessante links</h3> <span class="minitext">Interessante links wellicht? Veel plezier op deze site :)</span> </section> </div><div class="flex_column av_one_fourth el_after_av_one_fourth el_before_av_one_fourth "><section class="widget widget_pages"><h3 class="widgettitle">Pagina’s</h3><ul><li class="page_item page-item-32"><a href="https://wordpress-image.test/events/categories/">Categories</a></li> <li class="page_item page-item-30 page_item_has_children"><a href="https://wordpress-image.test/events/">Events</a></li> <li class="page_item page-item-31"><a href="https://wordpress-image.test/events/locations/">Locations</a></li> <li class="page_item page-item-34"><a href="https://wordpress-image.test/events/my-bookings/">My Bookings</a></li> <li class="page_item page-item-116"><a href="https://wordpress-image.test/new/">New</a></li> <li class="page_item page-item-2"><a href="https://wordpress-image.test/sample-page/">Sample Page</a></li> <li class="page_item page-item-96"><a href="https://wordpress-image.test/shop/">Shop</a></li> <li class="page_item page-item-33"><a href="https://wordpress-image.test/events/tags/">Tags</a></li> <li class="page_item page-item-103 current_page_item"><a href="https://wordpress-image.test/test/" aria-current="page">Test</a></li> </ul><span class="seperator extralight-border"></span></section></div><div class="flex_column av_one_fourth el_after_av_one_fourth el_before_av_one_fourth "><section class="widget widget_categories"><h3 class="widgettitle">Categorieën </h3><ul> <li class="cat-item cat-item-1"><a href="https://wordpress-image.test/category/uncategorized/">Uncategorized</a> </li> </ul><span class="seperator extralight-border"></span></section></div><div class="flex_column av_one_fourth el_after_av_one_fourth el_before_av_one_fourth "><section class="widget widget_archive"><h3 class="widgettitle">Archief</h3><ul> <li><a href="https://wordpress-image.test/2019/11/">november 2019</a></li> <li><a href="https://wordpress-image.test/2019/07/">juli 2019</a></li> </ul><span class="seperator extralight-border"></span></section></div> </div> <!-- ####### END FOOTER CONTAINER ####### --> </div> <footer class="container_wrap socket_color" id="socket" role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter"> <div class="container"> <span class="copyright">© Copyright - <a href="https://wordpress-image.test/">Wordpress Image</a> - <a rel="nofollow" href="https://kriesi.at">powered by Enfold WordPress Theme</a></span> </div> <!-- ####### END SOCKET CONTAINER ####### --> </footer> <!-- end main --> </div>
When no color sections or grid rows are used, the <main> tag is working as intended:
<div id="main" class="all_colors" data-scroll-offset="88"> <div class="stretch_full container_wrap alternate_color light_bg_color title_container"> <div class="container"> <h1 class="main-title entry-title "><a href="https://wordpress-image.test/test/" rel="bookmark" title="Permanente Link: Test" itemprop="headline">Test</a></h1> <div class="breadcrumb breadcrumbs avia-breadcrumbs"> <div class="breadcrumb-trail"><span class="trail-before"><span class="breadcrumb-title">U bevindt zich hier:</span></span> <span itemscope="itemscope" itemtype="https://schema.org/BreadcrumbList"><span itemscope="itemscope" itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="url" href="https://wordpress-image.test" title="Wordpress Image" rel="home" class="trail-begin"><span itemprop="name">Home</span></a><span itemprop="position" class="hidden">1</span></span></span> <span class="sep">/</span> <span class="trail-end">Test</span></div> </div> </div> </div> <div class="main_color container_wrap_first container_wrap sidebar_right" style=" "> <div class="container"> <main role="main" itemprop="mainContentOfPage" class="template-page content av-content-small alpha units"> <div class="post-entry post-entry-type-page post-entry-103"> <div class="entry-content-wrapper clearfix"> <div class="flex_column av_one_half flex_column_div av-zero-column-padding first avia-builder-el-0 el_before_av_two_third avia-builder-el-first " style="border-radius:0px; "> <section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"> <div class="avia_textblock " itemprop="text"> <p>Klik hier om uw eigen tekst toe te voegen</p> </div> </section> </div> <div class="flex_column av_two_third flex_column_div av-zero-column-padding first avia-builder-el-2 el_after_av_one_half el_before_av_three_fourth column-top-margin" style="border-radius:0px; "> <section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"> <div class="avia_textblock " itemprop="text"> <p>Klik hier om uw eigen tekst toe te voegen</p> </div> </section> </div> <div class="flex_column av_three_fourth flex_column_div av-zero-column-padding first avia-builder-el-4 el_after_av_two_third avia-builder-el-last column-top-margin" style="border-radius:0px; "> <section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"> <div class="avia_textblock " itemprop="text"> <p>Klik hier om uw eigen tekst toe te voegen</p> </div> </section> </div> </div> </div> </main><!-- close content main element --> <!-- section close by builder template --> <aside class="sidebar sidebar_right alpha units" role="complementary" itemscope="itemscope" itemtype="https://schema.org/WPSideBar"> <div class="inner_sidebar extralight-border"> <section class="widget widget_pages"> <h3 class="widgettitle">Pagina’s</h3> <ul> <li class="page_item page-item-32"><a href="https://wordpress-image.test/events/categories/">Categories</a></li> <li class="page_item page-item-30 page_item_has_children"><a href="https://wordpress-image.test/events/">Events</a></li> <li class="page_item page-item-31"><a href="https://wordpress-image.test/events/locations/">Locations</a></li> <li class="page_item page-item-34"><a href="https://wordpress-image.test/events/my-bookings/">My Bookings</a></li> <li class="page_item page-item-116"><a href="https://wordpress-image.test/new/">New</a></li> <li class="page_item page-item-2"><a href="https://wordpress-image.test/sample-page/">Sample Page</a></li> <li class="page_item page-item-96"><a href="https://wordpress-image.test/shop/">Shop</a> </li> <li class="page_item page-item-33"><a href="https://wordpress-image.test/events/tags/">Tags</a></li> <li class="page_item page-item-103 current_page_item"><a href="https://wordpress-image.test/test/" aria-current="page">Test</a></li> </ul><span class="seperator extralight-border"></span> </section> <section class="widget widget_categories"> <h3 class="widgettitle">Categorieën </h3> <ul> <li class="cat-item cat-item-1"><a href="https://wordpress-image.test/category/uncategorized/">Uncategorized</a> </li> </ul><span class="seperator extralight-border"></span> </section> <section class="widget widget_archive"> <h3 class="widgettitle">Archief</h3> <ul> <li><a href="https://wordpress-image.test/2019/11/">november 2019</a></li> <li><a href="https://wordpress-image.test/2019/07/">juli 2019</a></li> </ul><span class="seperator extralight-border"></span> </section> </div> </aside> </div> <!--end builder template--> </div><!-- close default .container_wrap element --> <div class="container_wrap footer_color" id="footer"> <div class="container"> <div class="flex_column av_one_fourth first el_before_av_one_fourth"> <section class="widget"> <h3 class="widgettitle">Interessante links</h3> <span class="minitext">Interessante links wellicht? Veel plezier op deze site :)</span> </section> </div> <div class="flex_column av_one_fourth el_after_av_one_fourth el_before_av_one_fourth "> <section class="widget widget_pages"> <h3 class="widgettitle">Pagina’s</h3> <ul> <li class="page_item page-item-32"><a href="https://wordpress-image.test/events/categories/">Categories</a></li> <li class="page_item page-item-30 page_item_has_children"><a href="https://wordpress-image.test/events/">Events</a></li> <li class="page_item page-item-31"><a href="https://wordpress-image.test/events/locations/">Locations</a></li> <li class="page_item page-item-34"><a href="https://wordpress-image.test/events/my-bookings/">My Bookings</a></li> <li class="page_item page-item-116"><a href="https://wordpress-image.test/new/">New</a></li> <li class="page_item page-item-2"><a href="https://wordpress-image.test/sample-page/">Sample Page</a></li> <li class="page_item page-item-96"><a href="https://wordpress-image.test/shop/">Shop</a></li> <li class="page_item page-item-33"><a href="https://wordpress-image.test/events/tags/">Tags</a> </li> <li class="page_item page-item-103 current_page_item"><a href="https://wordpress-image.test/test/" aria-current="page">Test</a></li> </ul><span class="seperator extralight-border"></span> </section> </div> <div class="flex_column av_one_fourth el_after_av_one_fourth el_before_av_one_fourth "> <section class="widget widget_categories"> <h3 class="widgettitle">Categorieën </h3> <ul> <li class="cat-item cat-item-1"><a href="https://wordpress-image.test/category/uncategorized/">Uncategorized</a> </li> </ul><span class="seperator extralight-border"></span> </section> </div> <div class="flex_column av_one_fourth el_after_av_one_fourth el_before_av_one_fourth "> <section class="widget widget_archive"> <h3 class="widgettitle">Archief</h3> <ul> <li><a href="https://wordpress-image.test/2019/11/">november 2019</a></li> <li><a href="https://wordpress-image.test/2019/07/">juli 2019</a></li> </ul><span class="seperator extralight-border"></span> </section> </div> </div> <!-- ####### END FOOTER CONTAINER ####### --> </div> <footer class="container_wrap socket_color" id="socket" role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter"> <div class="container"> <span class="copyright">© Copyright - <a href="https://wordpress-image.test/">Wordpress Image</a> - <a rel="nofollow" href="https://kriesi.at">powered by Enfold WordPress Theme</a></span> </div> <!-- ####### END SOCKET CONTAINER ####### --> </footer> <!-- end main --> </div>
-
This topic was modified 4 years ago by
CS.
September 1, 2020 at 6:13 am #1242370Hey CS,
Sorry for the late reply. I don’t think this is a bug, maybe you are getting the div with the id main and the main tag within the actual sections mixed up?
Best regards,
RikardSeptember 4, 2020 at 9:30 am #1243248Hi Rikard,
Thank you for your reply. I’m not mixing up the main tag and the div with ID main.First code snippet
If you check the first code snippet, you will see that the main tag starts at line 23 and closes at line 28. This is only wrapping the first content section and not the other two color sections on rule 31 and rule 42: https://imgur.com/a/AIbZxLrSecond code snippet
You won’t find a main tag anywhere in the code. I would expect a main tag wrapping all the page content.Third snippet
Working as intended. main section starts at line 21 and wraps the full page content until the sidebar: https://imgur.com/a/S6EKPFESeptember 8, 2020 at 1:36 pm #1244294Hi,
Thank you for the update.
This is not a bug. The theme automatically adds or converts the “div” tag to “main” if the section is the very first element in the page. This can be found in the enfold\config-templatebuilder\avia-shortcodes\section.php around line 1334:
//this applies only for sections. other fullwidth elements dont need the container for centering if( $open_structure ) { if( ! empty( $main_container ) ) { $markup = 'main ' . avia_markup_helper( array( 'context' => 'content', 'echo' => false, 'custom_markup' => $custom_markup ) ); $avia_section_markup = 'main'; } else { $markup = 'div'; } // more code here }
Another main tag exists in the header.php file which is the outer or the main wrapper.
Best regards,
IsmaelSeptember 9, 2020 at 11:38 am #1244601Hi Ismael,
Thank you for the clarification. I think it’s a somewhat strange choice here because not all of the actual page main content will be put in the <main> tag when using a color section. Only the content up until the very first color section on that page is put inside the <main> tag. In my opinion it would be logical to have the <main> tag always wrap the page’ content. No matter what. So the color sections as well.
The other ‘main tag’ in the header.php is just a <div> tag with an ID of ‘main’ to it. Not an actual <main> tag. Which is logical in this case since it wraps sidebars and the footer as well.
September 11, 2020 at 2:23 pm #1245149Hi,
Thank you for the info.
We’ll forward this thread to our channel for further consideration. This is somewhat discuss in an older thread about having unique landmarks in the page which includes the main tag. There we provided a minor change in the sections.php file to remove the main tag in the color sections and make the container in the header.php file the actual main container.
// https://kriesi.at/support/topic/wcag-2-1-level-aa-and-landmarks/
Best regards,
Ismael -
This topic was modified 4 years ago by
-
AuthorPosts
- You must be logged in to reply to this topic.