The invisible cursor
Tab through this row in both states. Same tab order, same elements — only one of them tells you anything.
Markup
Edit the HTML. The example above is live in this page, so Tab and a
screen reader read it the same way they would on any other site.
<nav class="lab-nav lab-nav--noring" aria-label="Demo navigation, broken focus">
<a href="#focus-visible">Schedule</a>
<a href="#focus-visible">Speakers</a>
<a href="#focus-visible">Venue</a>
<button type="button" class="lab-btn" data-action="noop">Register</button>
</nav>