🖋️
Web Accessibility Resources
  • Web Accessibility
  • Cheat Sheets
    • Structure and Semantics
      • Page Title
      • Language
      • Headings
      • Landmarks
      • Lists
      • Tables
      • Iframes
      • Markup Validity
      • Other Semantic Elements
    • Links & Navigation
      • Links
      • Site Navigation
      • Within-Page Navigation
      • Reading Order/Focus Order
    • Images & Visual Design
      • Images
      • Color & Contrast
      • Text Styles, Resize, Reflow, and Zoom
      • Visual Cues
      • Adaptive and Responsive Output
    • Multimedia, Animations, and Motion
      • Audio and Video
      • Animation, Motion, and Timed Content
    • User Input, Forms, and Dynamic Content
      • Device-Independent User Input
      • Form Input, Labels, and Instructions
      • Form Validation and Feedback
      • Dynamic Content (JavaScript, AJAX)
      • Custom Widgets (JavaScript, ARIA)
      • CAPTCHA
    • Keyboard Commands
  • Semantic Group Labels
Powered by GitBook
On this page

Was this helpful?

  1. Cheat Sheets
  2. Images & Visual Design

Visual Cues

PreviousText Styles, Resize, Reflow, and ZoomNextAdaptive and Responsive Output

Last updated 5 years ago

Was this helpful?

Topic

Technique

WCAG AA Requirement

Visual Meaning

Visual Meaning: Content MUST NOT rely solely on visual characteristics such as shape, size, visual location, or orientation to convey meaning.

Required

Color

See the requirements for color and contrast.

Required Multiple

Visual Layout

Visual Separation of Content Blocks: Blocks of content SHOULD be visually separated and distinct from each other, via margins, padding, or other methods of achieving visual "white space."

best practice

Label Proximity: Labels SHOULD be visually adjacent to their controls.

best practice

One Visual Focal Point: The layout SHOULD have only one main visual focal point.

best practice

Draw Attention: The design SHOULD draw attention to the intended visual focus point.

best practice

WCAG 1.3.3