voltaicrose

Sorry, Edit on the last code posted should be:

/* drop down menu items for keyboards */
ul li:hover > ul, ul li:focus-within > ul, ul li ul:hover {
visibility: visible;
opacity: 1;
display: block;
}
#main-header .menu-item-has-children:hover > li, #main-header .menu-item-has-children:focus-within > ul {
visibility: visible;
opacity: 1;
display: block;
}

Just as an FYI used this code for keyboards with the use of a MEGA menu:

/* drop down menu items for keyboards */
ul li:hover > ul, ul li:focus-within > ul, ul li ul:hover {
visibility: visible;
opacity: 1;
display: block;
}
#main-header .menu-item-has-children:hover > ul, #main-header .menu-item-has-children:focus-within > ul, #main-header .menu-item-has-children:hover {
visibility: visible;
opacity: 1;
display: block;
}

So the ET support gave me this code to add to the body:

<script>
(function($) {
	$(document).ready(function() {
	
	$('#top-menu-nav').attr('role',"navigation");
	$(".menu-item-has-children > a").attr({
	'aria-label':'sub menu',
	'aria-haspopup':'true',
	'aria-expanded':'true'
	});

	});
})(jQuery)
</script>

which fixes some of the issue but I was told by a non-sighted user that it’s still hard to navigate because the submenu titles are not labeled. I’m not sure because it makes sense when I go through it with the screen reader.

One other thing. Is there a way to hide the scroll down arrow icons (as seen on my front page) or any other icons produced by elegant icon fonts? Right now they come up as letters to a screen reader.

Thank you!

Thanks for taking a look @alexstine

On the main menu under district you can find this page.
https://www.lassenhigh.org/about/

This is fixed.. It did not save the SLUG. Inserted the slug and all is well.