Drop Down Menu Issue

Hello @voltaicrose,

It appears you are right. Can you give me a link name of a sub menu so I can get a closer look? I’m using a screen reader as well.

Thanks.

Thanks for taking a look @alexstine

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

@voltaicrose,

It is actually usable if you put the screen reader in edit mode (NV Access) and then use your down arrow to open the menu. This is not at all a good method though and I’m going to work with other plugin contributors to attempt to clean this up.

Please stand by for future updates on this.

Thanks.

Thank you!

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.

Hello @voltaicrose,

The plugin already has support built in to hide as many icons as possible. At this point, the icon classes are so custom, it’s impossible to target them all. If you are able to access an HTML editor within Divi, you could add aria-hidden="true" to all the icons to fix this issue. As far as an automatic option, it is as good as it can be right now.

Still looking in to the submenu issue. Getting a test site together soon and will try to revamp the navigation experience.

Look for future updates to this topic soon.

Thanks.

Hello @voltaicrose,

I have prepared a beta which should fix this issue. Always remember that betas can be unstable and you should use caution when testing on a live site. I have tested in my local environment and everything seems to be working as expected now.

https://drive.google.com/file/d/1c5DZGraKWONaC78jpPQnSQeNYbrpJZxU/view

If you want to give it a test run and let me know how it works out for you, please feel free. Also remember to remove the above jQuery code you posted that way there are no conflicts.

Thanks, Alex

Hello @voltaicrose

This was released in to the core plugin some time ago. Hope it is working fine for you now.

Thanks, Alex.