JSFiddle - React, Tailwind, and code Playground

by bnickel

HTML

<div tabindex="4">Test</div>
<div tabindex="2">Test</div>
<div  aria-hidden="true">Test</div>
<div tabindex="3">Test</div>
<div tabindex="1">Test</div>
<div>je ne sais quoi</div>
<div lang="en">je ne sais quoi</div>
<div lang="fr">je ne sais quoi</div>

<a href="javascript:document.getElementById('a').focus()" title="Go to element A">About</a>
<a href="javascript:document.getElementById('b').focus()">b</a>
<a href="javascript:document.getElementById('c').focus()">C</a>
<a href="javascript:document.getElementById('d').focus()">d</a>
<a href="javascript:document.getElementById('e').focus()">E</a>

<div id="a">A</div>
<span id="b">B</span>
<input id="c"/>
<a id="d">D</a>
<a id="e" href="#">E</a>

<label for="name">Name</label>
<input id="name" title="Name of person" required type="password" pattern="[0-9]*" />

<img src="https://www.aexp-static.com/nav/ngn/img/logo_amex_mobile.png" alt="" />

<img src="https://www.aexp-static.com/nav/ngn/img/logo_amex_mobile.png" title="" />

<img src="https://www.aexp-static.com/nav/ngn/img/logo_amex_mobile.png" alt="Alt Text" title="" />

<img src="https://www.aexp-static.com/nav/ngn/img/logo_amex_mobile.png" longdesc="test.txt" />

<a href="test.txt">Test</a>