Forum Replies Created
-
AuthorPosts
-
Thank you, Ismael. This helped me.
I only changed the selector for the second link like this, because I cannot setup a second container for the second skiplink within the Pluginfunction($){ $(window).load(function() { $("#skiplinks a").click(function(){ setTimeout(function(){ $('#main').trigger("focus"); }, 200); }); $("#skiplinks a:nth-child(2)").click(function(){ setTimeout(function(){ $('#mega-menu-avia').trigger("focus"); }, 200); }); }); })(jQuery);
Cheers
SusanneHi Victoria,
the whole construction is a work around to enable the skip-links WordPress normally generates but ENFOLD somehow ‘swollows’. The skip-links are built in to make a website accessible for users who cannot navigate with the mouse (because they are blind i.e.) but can tab through the website. These 2 Skip-Links skip 1. direct to the main content or 2. direct to the main navigation.See also this thread:
https://kriesi.at/support/topic/skiplink-button-is-visible-but-not-working/
Kind regards,
SusanneHi Victoria,
no there should be two skip-links like this
<div class="wpa-hide-ltr" id="skiplinks" role="navigation" aria-label="Direktlinks"> <a href="#main">Direkt zum Inhalt</a> <a href="#mega-menu-avia">Direkt zur Navigation</a> </div>
Kind regards,
SusanneHi Victoria,
thank you for your reply.
I understand that there must be a second click handler but I am not very familiar with PHP programming. This does not work://Sprunglink zum Hauptinhalt function custom_skiplinks_script(){ ?> <script> (function($){ $(window).load(function() { $("#skiplinks a").click(function(){ setTimeout(function(){ $('#main').trigger("focus"); }, 200); }); }); })(jQuery); (function($){ $(window).load(function() { $("#skiplinks a").click(function(){ setTimeout(function(){ $('#mega-menu-avia').trigger("focus"); }, 200); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_skiplinks_script');
Thank you.
SusanneHi,
I am also very interested in the solution of this problem and hope it will be set to top priority, dear ENFOLD-team.
Accessibility matters.
Thank you,
SusanneThis reply has been marked as private.Hi Rikard,
I mean in the HTML in the header.php.
Like
<div id="main" role="main"... >
I could change that header.php in an child theme. But than I would have to check every Enfold update on changes in the header.php. Right?Cheers
SusanneHi,
I just found a sloution! I changed in the options
Hauptmenü > Menüelemente für Mobilgeräte > Browserbreite unter 990px
Cheers, Susanne
Thank you, Victoria. This was what I was looking for.
… I don’t know why suddenly everything is as it should be. Maybe a cache thing? …
Thank you, I managed myself by deleting some plugins.
Hi Devin,
I tested it with IETester. I like to believe you :-))
Cheers
Susanne -
AuthorPosts