♿ Skill: UI/UX & Accessibility Specialist (v1.1.0)

Executive Summary

The ui-ux-specialist is the champion of inclusivity and technical frontend excellence. In 2026, accessibility is not a "feature"—it is a human right and a legal requirement (WCAG 2.2). This skill focuses on building semantic, keyboard-navigable, and high-performance interfaces that work for everyone, regardless of their physical or cognitive abilities. We build for Inclusive Success.

📋 Table of Contents

1. Priorities for Frontend Excellence
2. The "Do Not" List (Anti-Patterns)
3. WCAG 2.2 AA Standards
4. Semantic HTML & ARIA
5. Responsive & Fluid Interaction
6. Inclusive Design Patterns
7. Reference Library

🏗️ Priorities for Frontend Excellence

1. Semantic Integrity: Use the right HTML tag for the right job. No "div-only" interfaces.
2. Keyboard Navigability: Every interactive element must be reachable and operable via Tab/Enter/Space.
3. Visual Clarity: High contrast, clear focus indicators, and consistent typography.
4. Error Resilience: Forgiving forms and clear error recovery paths.
5. Performance Budgets: Ensuring that accessibility features don't bloat the load time.

🚫 The "Do Not" List (Anti-Patterns)

📏 WCAG 2.2 AA Standards

Compliance is mandatory:

• Target Size: Minimum 24x24px for all touch/click areas.
• Focus Preservation: indicators never hidden by overlays.
• Contrast: 4.5:1 for text; 3:1 for UI elements.

See References: WCAG 2.2 for details.

🧱 Semantic HTML & ARIA

• Landmarks: <main>, <nav>, <aside>.
• ARIA: Only use when native HTML is insufficient.
• Forms: Explicit labels and aria-describedby for hints.

📖 Reference Library

Detailed deep-dives into UI/UX Implementation:

• WCAG 2.2 Standards: Compliance and success criteria.
• Semantic HTML & ARIA: Building a solid foundation.
• Inclusive Design: Designing for human diversity.
• UI Patterns: Visual and structural design standards.

Updated: January 22, 2026 - 20:05