This page contains all guidelines tagged with:

Design

This refers to the design of products and websites, including styles, navigation, usability, and user experience.

Only change the context by user request

Example of an annoying pop-up

Use text presentation best practices

Comparison of accessible text that's easy to read and inaccessible, small, low contrast text.

Provide the option to turn off interruptions

Webpage that allows user to postpone alerts

Make time limits adjustable or not essential

Example of being able to extend a time limit

Provide contextual help

A help message below the membership code of a form

Suggest corrections to errors

Example of a "no search results" message with a suggestion to the typo

Identify and describe errors to users

Example of a descriptive error message for an invalid email address

Provide more than one way to locate a page

Examples of different ways to locate a page - site directory, search, and featured pages

Make sure the user knows where they are

Example of a website with breadcrumbs and a selected tab

Use consistent navigation

Exampel of navigation that looks the same (accessible) vs. different (inaccessible)

Provide conventional interactions (instead of motion-activated interactions)

Comparison of a conventional undo button (accessible) vs. an unconventional shake-to-undo interaction (inaccessible)

Use single-pointer gestures (instead of path-based gestures)

Comparison of single-pointer and path-based gestures

Provide buttons with a large target size

Comparison of a large button size (accessible) vs. very tiny ones (inaccessible)

Semi-Automated Test

Provide consistent UI components

Example of consistent login buttons (accessible) vs. inconsistent buttons (inaccessible)

Don't use color alone to convey information (colorblind)

Examples of accessible and inaccessible use of color

Semi-Automated Test

Use high color contrast

Examples of high color contrast (easy to see) and low contrast (difficult to see)