Docs

[Choice Adaptive]

I am using WP-accessibilty plugin to ass skipto links to my site http://www.choiceadaptive.com. It’s very important that my site is SUPER easy for blind people to use because I sell products ad training to people who are blind.

So far the app looks like it’s working for skipping to my main navigation but the skip to main content link is not. Both options require that I add the ID of the relevant container. I set the ID for the top nav to “menu-item-46” since that’s the ID of my first menu item. But, I can’t figure out how to assign an ID to the main content container.

On most pages, an ID pointing to the end of breadcrumbs or 1st instance of an h1 tag would take the user where they want to be. Is it possible to assign a universal ID to either of those places or to a main container so I can make this work?

Or is there anther way to create these skipto links using code somewhere?

[Rue Nel]

Hello There,

Thanks for writing in! Please replace your link to #menu-top-nav because this is the ID of the whole main navigation in your site. If you want to add an ID to the main content, you can also do that using a JS code. Please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

(function($){
  $('.x-main').attr('id', 'main-content');
})(jQuery);

And then you can link the skip to main content using this: #main-content.

Hope this helps.

[Author]

Posts