WP Accessibility

Hey dondela,

Thank you for the inquiry.

You have to replace the anchor #content with #main or the ID of the section it should skip to when accessed. To apply the ID “content” to the first Color Section containing the content, go to Advanced > Developer Settings and enter the ID in the Custom ID field.

Best regards,
Ismael

Hi,

Do you press “Space” once you get to the “skip-to-content” link or button? Please check the screenshot below:

View post on imgur.com

We also added the tabindex=”0″ attribute to the skip links to give priority to them in the tab order.

function ava_custom_script()
{
    ?>
    <script type="text/javascript">
        (function ($)
        {
            document.addEventListener("DOMContentLoaded", function ()
            {
                document.querySelectorAll("#skiplinks a").forEach(link =>
                {
                    link.setAttribute("tabindex", "0");
                });
            });
        })(jQuery);
    </script>
    <?php
}

add_action('wp_footer', 'ava_custom_script', 9999);

Best regards,
Ismael

Hi,

Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard