The following simple navigation exists for touch devices on a responsive site:
- About Us
- About Us
- Contact Us
At mobile, the primary link expands a subnav on touch, with a replicated child link to actually open About Us and other child pages.
At desktop, the replicated link is hidden - because the primary About Us link supports both click (open the page) and hover (reveal the subnav) states.
This seems like a common way to handle navigation on responsive sites with mobile touch menus, but the duplicated links produce WCAG 2.0 redundant link alerts.
Is there a simple attribute approach to resolving this? Or is there no better fix than to modify the site's IA?