Testing aria-hidden combined with CSS

This simple test page has 3 links that have aria-hidden="true". The first link should be visible and receive focus. However, it should be ignored by a screen reader. The other links should be hidden and not receive focus.

• This link has aria-hidden="true". Can you see it or tab to it?
• This link has aria-hidden="true" and visibility:hidden. Can you see it or tab to it?
• This link has aria-hidden="true" and display:none. Can you see it or tab to it?

Code

<ul>
	<li><a href="#"  aria-hidden="true">This link has aria-hidden="true". Can you see it or tab to it?</a></li>
	<li><a href="#"  aria-hidden="true" style="visibility:hidden">This link has aria-hidden="true" and visibility:hidden. Can you see it or tab to it?</a></li>
	<li><a href="#"  aria-hidden="true" style="display:none">This link has aria-hidden="true" and display:none. Can you see it or tab to it?</a></li>
</ul>