Accessibility
Avoid directional instructions
Avoid instructions that require the user to be able to see the layout of the page. Also be aware that the interface may be mirrored when a product is localized to a right-to-left language.
Think top-down and left to right
Screen readers require a keyboard to navigate a website, from top to bottom and from left to right. To help users complete a task, place the microcopy in front of the action.
Must be 6 or more characters.
[_______________]
[_______________]
Must be 6 or more characters.
Help users avoid mistakes
Provide labels or instructions for input elements. Where there is a commonly made error, provide suggestions that users can model their inputs against.
Minimize placeholder text
Placeholder text is often skipped over and can be harmful. Never use a placeholder to replace a field label and avoid using placeholders in forms with multiple fields.
Use left-aligned text
Left-aligned text with a ragged-right margin is easiest for users to read. Avoid center-aligned and justified text.
Create informative titles
Ensure the title of the web page, as well as the headings and labels, are meaningful and describe the topic or purpose of the page. Also ensure the title distinguishes the page from other pages.
Use clear labels
Use clear labels on all UI elements.
Use descriptive links
Ensure each link describes what happens if the user clicks it.
Include alternative text for all images
The alt tag should clearly describe the content and function of the image.
Provide transcriptions and captions for multimedia content
Include closed captions for important sounds and descriptions for visual content.