HTML5 Accessibility

aria-label="Description" # accessible name
aria-labelledby="id" # reference to label
aria-describedby="id" # reference to description
aria-hidden="true" # hide from screen readers

role="navigation" # navigation landmark
role="main" # main content
role="banner" # site header
role="contentinfo" # site footer
role="button" # button role

<img src="photo.jpg" alt="Person smiling"> # descriptive alt
<img src="icon.png" alt=""> # decorative image

<label for="name">Name</label> # associate label
<input id="name" type="text">
<input aria-required="true"> # required field

tabindex="0" # include in tab order
tabindex="-1" # exclude from tab order
accesskey="s" # keyboard shortcut