Guidelines for Designers
Design standards for layout, typography, color, and interaction patterns. These guidelines help designers build clear structure, readable interfaces, and consistent UI behavior across screens and states. Designer Checklists
Perceivable
Design standards that make content readable and structured—contrast, spacing, hierarchy, and layout behaviors.
1.3.1 Info and Relationships
Ensure visual structure communicates relationships—headings, lists, labels, and tables.
Heading‑Determinable and Levels
Use clear heading hierarchy for scanning and structure.
Click For View MoreList‑Type
Present lists with consistent bullets or numbering.
Click For View MoreProgrammatic Label
Use visible labels that clearly describe inputs.
Click For View MoreTable Identification
Make data tables visually recognizable.
Click For View MoreCell‑Header Association
Align headers to data cells for clarity.
Click For View MoreLayout‑Table Structure
Avoid table‑style layouts for non‑data content.
Click For View More1.3.2 Meaningful Sequence
Ensure reading and visual order match so content is understood correctly.
1.3.3 Sensory Characteristics
Avoid instructions that rely only on shape, color, or position.
1.3.4 Orientation
Ensure content works in both portrait and landscape orientations.
1.4.1 Use of Color
Color must not be the only way to convey information or status.
1.4.3 Contrast (Minimum)
Text and icons must meet minimum contrast for readability.
1.4.4 Resize Text
Layouts should support 200% text resizing without loss of content.
1.4.5 Images of Text
Avoid images of text when real text can be used.
1.4.10 Reflow
Content should reflow without horizontal scrolling at narrow widths.
1.4.11 Non-text Contrast
UI components and focus indicators must have sufficient contrast.
1.4.12 Text Spacing
Text should remain readable when spacing is increased.