visual-accessibility-design

name	visual-accessibility-design
description	Use when reviewing designs for low vision, color vision deficiencies, zoom support, readability, visual hierarchy, and non-visual alternatives.

Visual Accessibility Design

Use this skill when evaluating visual interfaces for people with a range of vision needs. Focus on legibility, distinguishability, structure, and whether users can succeed without perfect sight.

Assess Visual Demands

• Check text size, contrast, spacing, zoom/reflow behavior, and color reliance
• Review icons, focus indicators, controls, and charts for visibility and meaning
• Consider low vision, color blindness, glare, fatigue, and temporary visual constraints
• Identify content that becomes unusable under magnification or narrow viewports

Improve Perception

• Strengthen visual hierarchy and interactive affordances
• Add labels, patterns, or text equivalents where visuals alone are ambiguous
• Support zoom and text resizing without clipping or overlap
• Ensure core tasks remain possible with assistive technologies and non-visual cues

Output

• Highlight weak visibility and readability patterns
• Recommend design changes that improve perception across contexts
• Prioritize fixes for essential navigation, input, and feedback