Semantic structure is one of the most important usability features for screen reader users, as it helps them more easily understand and navigate the page structure. Headings also help all your users can and understand content. Read more about headings opens in a new window.
// Headings should not skip levels until h1-h4 have been established
<h2>Next most important</h2>
<h3>Third most important</h3>
Tip: use the Firefox Web Developer Toolbar to inspect headings. Look under Information > View Document Outline.
<input type="text" id="name-field"
name="name-field" placeholder="Type your name" />
Provide affordances to warn users.
Let's Look at Some Code
<a href="goofy.html">Goofy page<a>
<a href="http://disney.com" target="_blank"
title="Link opens in a new window"
opens in a new window
For links that open in new windows, an offscreen span inside the link is most reliable for screen readers, but title="" can also be used.
What is it?
The tabindex attribute explicitly defines the tab order for focusable elements (typically links and form controls) within a page. It can be used to define whether elements should be focusable. (WebAIM opens in a new window)