Making primary menu 'unclickable'
-
Hi,
I’m using Sketch theme. I have a primary menu item as ‘blog’ and then ‘travel’ and ‘photography’ in the sub menu. Is there a way I can make ‘Blog’ menu item ‘un-click-able’ but ‘expandable’.
Thanks!
The blog I need help with is: (visible only to logged in users)
-
Hi there. I assume you’re using a custom menu, right? Edit your custom menu, and instead of a page for Blog, use a custom link. Give the link a title and url and insert it into the menu. Then edit the link and delete the URL while leaving the title. Save your menu.
You can see this tutorial under heading C for more info: https://wpbtips.wordpress.com/2011/12/19/custom-menus/
-
I’d suggest using a custom link as kokkieh, but instead of leaving the URL blank, insert a # character. That should make the menu still accessible on mobile devices, while leaving it blank can cause issues on touch devices. Just a heads-up that neither method is great for accessibility, as it can cause problems for folks visiting your site with a screen reader.
-
@kathrynwp
Good point about mobile devices. I didn’t think of that.Will using a tooltip improve things re accessibility? Or won’t that make any difference?
-
I’m don’t think a tooltip (title attribute) would help, I’ve heard that real URL links are best for accessibility via screen readers rather than anything else.
-
-
To confirm, title attributes (aka tooltips) actually make links less accessible, not more: https://silktide.com/i-thought-title-text-improved-accessibility-i-was-wrong/
More about designing for screen readers: http://webaim.org/techniques/screenreader/
-
-
- The topic ‘Making primary menu 'unclickable'’ is closed to new replies.
WordPress.com Forums 