Accessibility (WCAG 2.0), redundant links and responsive website navigation
<p>The following simple navigation exists for touch devices on a responsive site:</p>

<ul>
<li>About Us

<ul>
<li>About Us</li>
<li>Contact Us</li>
</ul></li>
</ul>

<p>At mobile, the primary link expands a subnav on touch, with a replicated child link to actually open About Us and other child pages. </p>

<p>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.</p>

<p>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.</p>

<p>Is there a simple attribute approach to resolving this? Or is there no better fix than to modify the site's IA?</p>