tabindex fiddling

dabblet.css

/**
 * tabindex fiddling
 */

*:focus { border: 3px solid red }

body > a:first-child { 
	position: absolute;
	top: auto;
	left: -999%
}

body > a:first-child:focus {
	position: static;
}

dabblet.html

<a href="#content" tabindex="1">Skip to main content</a>

<header role="banner">
	<h1>welcome</h1>
</header>

<nav role="navigation">
	<a href="/foo">Foo</a>
</nav>

<div role="main" tabindex="2" id="content">
	test <a hre="foo">ads</a>
</div>

<footer>
	<p>&copy; Poo Inc.</p>
</footer>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}