Skip to Content not working, using #main-content

  • Resolved chaosproz

    (@chaosproz)


    6 years, 9 months ago

    I have installed the Divi Accessibility plug-in. Set up the “#MakeYourselfCount” with Take the Survey section as “main-content” in the Class ID.

    Tested this on a private browser, press tab and the “Skip to content” showed up on the top-left corner but it wouldn’t move to the section…. How do I fix this? Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter chaosproz

    (@chaosproz)

    Using inspect tool, look like the whole page is main-content. is there a way to update this html code to use a different anchor?

    <a href="#main-content">Skip to content</a>

    • This reply was modified 6 years, 9 months ago by chaosproz.
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You need to point it to a real element on your page, that exists for all pages. It should match the ID attribute of that element.

    For instance:

    
<a href="#main">Skip to content</a>
...
<div id="main"> This element appears on all pages and contains the main section of content </div>
    Plugin Author Alex Stine

    (@alexstine)

    Hello @chaosproz,

    I visited the link you posted above and it seems to be working. There is currently not an option to change the href=”” part of the skip link (specifying a custom id). Are there pages this is not working on? I did notice in Firefox your site had some lag which might be the reason the skip link is not working well. In Google Chrome, everything seems to work fine.

    If specifying a custom id for the skip link to jump to would be useful for you, please let me know. Would be happy to look in to adding that option in a future release.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Skip to Content not working, using #main-content’ is closed to new replies.