Role="menu" missing after theme update

Hey hressl,

Thank you for the inquiry.

The role=”menu” attribute has been added to the ul.av-main-nav element. You can find it in the includes > helper-main-menu.php file around line 63.

$args = array(
										'theme_location'	=> $avia_theme_location,
										'menu_id'			=> $avia_menu_class,
										'container_class'	=> $avia_menu_class,
										'items_wrap'		=> '
<ul role="menu" class="%2$s" id="%1$s">%3$s</ul>
',
										'fallback_cb'		=> '',
										'container'			=> '',
										'echo'				=> false
			                );

			                $nav = wp_nav_menu( $args );

Best regards,
Ismael

Hi,
Thanks for the feedback, unfortunately in my research I can not find a difference between
role=”menu”
and
role=”navigation”
we don’t have access to a screen reader and the WCAG scanners I checked online are not free, so while we could randomly add the role=”menu”, the problem is, from past issues, is that the screen readers are not all the same, I specifically recall Jaws v15 not working on the menu when NVDA v2022 was.
We can add the role=”menu” easily anywhere with javascript for you on your site but if you can link to your testing site so I can check that it works it would help.

Best regards,
Mike

Hi,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script_change_nav_role() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function ($) {
$("nav").attr('role','menu' );
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_script_change_nav_role');

Best regards,
Mike