accessibility

原文涵盖的主题

• Accessibility (WCAG 2.2)
• When to Use
• Core Concepts
• How It Works
• Step 1: Identify the Component Role
• Step 2: Define Perceivable Attributes
• Step 3: Implement Operable Controls
• Step 4: Ensure Understandable Logic

This skill ensures that digital interfaces are Perceivable, Operable, Understandable, and Robust (POUR) for all users, including those using screen readers, switch controls, or keyboard navigation. It focuses on the technical implementation of WCAG 2.2 success criteria. Defining UI component specifications for Web, iOS, or Android. Auditing existing code for accessibility barriers or compliance gaps. Implementing new WCAG 2.2 standards like Target Size (Minimum) and Focus Appearance. Mapping high-level design requirements to technical attributes (ARIA roles, traits, hints). POUR Principles: The foundation of WCAG (Perceivable, Operable, Understandable, Robust). Semantic Mapping: Using native elements over generic containers to provide built-in accessibility. Accessibility Tree: The representation of the UI that assistive technologies actually "read." Focus Management: Controlling the order and visibility of the keyboard/screen reader cursor. Labeling & Hints: Providing context through aria-label, accessibilityLabel, and contentDescription. Determine the functional purpose (e.g., Is this a button, a link, or a tab?). Use the most semantic native element available before resorting to

这里只展示节选，请以完整原文和当前要求为准。