Any URL's added here will be added as
Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
<span tabindex="-1">i'm a <code>span</code> with <code>tabindex=-1</code> ... click me with the mouse. do you see a default browser outline?</span> <br> <span tabindex="0">and i'm a <code>span</code> with <code>tabindex=0</code> ... click me with the mouse. do you see a default browser outline?</span> <br> <ul> <li>chrome seems to be the only browser that sets a default browser outline on arbitrary not-traditionally-focusable elements when clicked with the mouse.</li> <li>firefox does this only if the user has pressed TAB key at least once (indicating a user navigating with the keyboard).</li> <li>IE never shows an outline when clicking with the mouse on non-traditionally-focusable elements.</li> <li>when navigating with the keyboard, only the second <code>span</code> shows an outline (as tabindex=-1 indicates that the span is not part of the regular focus order) in all browsers</li> </ul> <p>note: this is only testing the user agent's default stylesheet. once you throw in an explicit <code>:focus</code> selector, all browsers will apply the explicit outline to both <code>span</code>s when clicked with the mouse (but with keyboard, it's rightly still only the one with <code>tabindex=0</code> only that gets focused)</p>
Also see: Tab Triggers