Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 26, 2017 at 10:01 pm #752057
    DanielKG

    Hello, I’m working on a website that needs to be WCAG approved for accessibility.

    I have found some solutions on the forum but I haven’t been able to fix a problem with the menu when you are on mobile.

    I was able to fix the empty links and title as those are some of the errors I’m getting by doing this:
    I went to Appearance – Editor and open Helper-main-menu.php

    
echo '<a id="advanced_menu_toggle" href="#" '.av_icon_string('mobile_menu').'></a>';
	echo '<a id="advanced_menu_hide" href="#" 	'.av_icon_string('close').'></a>';

change it to 

	echo '<a title="mobile menu" id="advanced_menu_toggle" href="#" '.av_icon_string('mobile_menu').'>Menu</a>';
	echo '<a title="mobile menu" id="advanced_menu_hide" href="#" 	'.av_icon_string('close').'>Close Menu</a>';

    But now when in mobile the Menu and Close Menu shows. How can I hide them. I use http://wave.webaim.org to review the site.

    March 1, 2017 at 2:17 pm #753721
    Yigit

    Hey DanielKG,

    I checked your website but it shows “menu” and when opened “close menu” on my end. Have you figured it out already?

    Best regards,
    Yigit

    March 1, 2017 at 9:24 pm #753954
    DanielKG

    Hi,

    The issue I’m having is that when you run my website through http://wave.webaim.org for accessibility (required by the client) the first two errors that show are that the menu when mobile is missing title and that there is empty links. Going through the forum I found the fix for it that you guys have provided to other members, like in my previous post, but then reviewing those changes I noticed that when you do that the mobile menu gets ruin because you see the words “menu” and “close menu”. So my questions is how do I hide those while on mobile or how do I fix it so I don’t get the empty link errors ? I really need help with this, so any advice, help is highly appreciated as the project is going to be audited for accessibility.

    And I’ve see in to happen every time I use an Icon element.

    March 2, 2017 at 9:05 pm #754579
    Yigit

    Hi,

    Please change your code to following one

    	echo '<a title="mobile menu" id="advanced_menu_toggle" href="#" '.av_icon_string('mobile_menu').'><span class="hidden">Menu</span></a>';
	echo '<a title="mobile menu" id="advanced_menu_hide" href="#" 	'.av_icon_string('close').'><span class="hidden">Close Menu</span></a>';

    Best regards,
    Yigit

    March 2, 2017 at 9:34 pm #754612
    DanielKG

    PERFECT!

    Thanks a lot for the help and support.

    March 2, 2017 at 9:49 pm #754627
    Yigit

    Hi!

    You are welcome!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Empty Links Error and how to hide them’ is closed to new replies.