Thank you for the reply Ismael.
From what I can finally gather from the plugin provider’s website, they no longer support short code use with their non-pro version of the plugin.
I ended up modifying the template directly.
Thanks again.

Mitchell

Thanks Mike,

I had fixed the issue and forgot to come back here and clean up the thread. Appreciate the help.

Mitch

Please go ahead and close this ticket.
Thank you.

Thanks. I’ll take a look at your post. I may have to opt buying the other menu if the theme won’t support tab navigation.

To summarize my changes for others with the same issue, the following was made to Enfold version 4.7.5 to address nested landmarks and non-unique landmarks in my child theme.

File: page.php
Changed line 26 from
<main class='template-page content <?php avia_layout_class( 'content' ); ?> units' <?php avia_markup_helper(array('context' => 'content','post_type'=>'page'));?>>
to
<div class='template-page content <?php avia_layout_class( 'content' ); ?> units' <?php avia_markup_helper(array('context' => 'content','post_type'=>'page'));?>>
and on line 39, changed the closing </main> tag to a </div> tag.

——————————–
File: header.php
Changed line 124 to have a role=’main’ attribute added:
<div id='main' role='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting('header_scroll_offset'); ?>'>

——————————–
File: includes/helper-main-menu.php
Changed line 71 to add an id and aria-label to the <nav> element to make it unique from the main site nav.
echo "<nav id='my_unique_id' aria-label='my_aria_label' class='sub_menu' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">";

———————————
File: config-templatebuilder/avia-shortcodes/section.php
Created a ‘shortcodes’ folder in my child theme and copied the section.php file into the folder.

Changed line 1336 from
$markup = 'main ' . avia_markup_helper( array( 'context' => 'content', 'echo' => false, 'custom_markup' => $custom_markup ) );
to
$markup = 'div ' . avia_markup_helper( array( 'echo' => false, 'custom_markup' => $custom_markup ) );

Changed line 1366 from
$close_markup = '</main><!-- close content main element -->';
to
$close_markup = '</div><!-- close content main element -->';

Finally, added the following function to the child theme functions.php file.

function avia_include_shortcode_template($paths)
{
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');

  return $paths;
}
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);

———————————

Mitchell Adams

Ismael,
Thanks for the link to the shortcodes documentation. I have that piece working.

The ‘avf_markup_helper_attributes_modified’ function you sent over doesn’t want to take (I removed the extra parenthesis).

The only way I could get the ‘role’ attribute removed was to modify line 1336 in the section.php file and taking out the ‘context’ => ‘content’ array item.

Changing
$markup = 'main ' . avia_markup_helper( array( 'context' => 'content', 'echo' => false, 'custom_markup' => $custom_markup ) );

To
$markup = 'div ' . avia_markup_helper( array( 'echo' => false, 'custom_markup' => $custom_markup ) );

Should I just go that route instead of a function since I already have to modify section.php or will it introduce other complications?

Thanks

Mitch
Mitch

Hello Ismael,
Thank you for the help. I’ve applied those changes.

The example page has a Color Section followed by a 1/1 column. It seems both of those generate HTML containing another <main> element which ends up forming nested <main> elements.

This HTML getting output is:
<main role="main" itemprop="mainContentOfPage" class="template-page content av-content-full alpha units">

See this documenation:
https://dequeuniversity.com/rules/axe/3.5/landmark-main-is-top-level

Which files need to be modified to ensure only one <main> or <div role=’main’> element is present on the page?

Thank you.

Mitch

P.S. I’ve copied the page.php file into my child theme and it doesn’t appear to be used.

• This reply was modified 4 years, 6 months ago by Mitchell Adams. Reason: I noticed the page.php file in my child theme was not getting used

Hello,
I’ve included links to before and after images.
I’m viewing on Windows 10.
Chrome version Version 75.0.3770.100 (Official Build) (64-bit)
Edge version 44.17763.1.0
Firefox version 67.0.4 (64-bit)

Chrome and Firefox behave the same way with no caption showing until a mouseover of the image.
Edge will show a caption but is not sized correctly until a mouseover.

NOTE: If I remove the link on the slide, the caption displays normally.