Summary
Follow accessibility guidelines when producing websites and web applications and your product will more usable, by more users, on more devices.
ARIA
Many ARIA features are incorporated into HTML5, so use HTML when possible, or make sure you use ARIA to mimic equivalent browser behavior in script.
Form Controls
Use label tags for all fields, fieldset and legend tags, and onfocus styling to ensure all users of your product can submit website forms.
HTML and CSS
Use minimalist HTML to semantically describe the content of a page, and CSS to style it.
Image Tags and Styles
Add appropriate alternative text or an empty alt attribute to every image, including CSS background images, and ARIA tags to font icons.
Link Tags and Styles
Include appropriate alt text, focus styles, and HTML and ARIA tags in links.
Scripts
Add a separate activation control to select lists, provide an alternative to pop-up menus, and include alternative text with autofill fields.
Table Tags and Styles
Simplify tables, include row and/or column headers and content in all cells, enable size changes, and associate cells with their headings.