메뉴
Making mobile apps accessible to all users.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
End-to-end orchestrated execution. Takes a feature description and drives the entire pipeline — plan, plan review (3 fresh reviewers), WU decomposition, 4-phase execution loop per WU, final review, COMMIT-READY emit. Honors user's git policy (no auto-commit).
`--default-domain` comes from the project-detect framework signal (orchestrator Step 5b / project-context); it only decides how UI files with no strong path marker are classified. `--risk-tier` is the WU's `risk_tier` fi
**Capture the WU baseline ONCE per WU, before attempt 1 (NOT on retries).** This is what makes file-scope checks correct across a multi-WU run where the user has not yet committed prior WUs (per the `ben yapacagim` git p
This gate has **two interchangeable execution paths that MUST emit the identical aggregated verdict object** (Step 3). The prose path below is the canonical fallback and the single source of truth for reviewer prompts an
A baton-based system for building mobile features across multiple Claude Code sessions with persistent progress tracking and simulator verification between steps.
Set up end-to-end testing framework with CI integration
| name | accessibility-patterns |
| description | Making mobile apps accessible to all users. |
| source_type | skill |
| source_file | skills/accessibility-patterns.md |
Migrated from skills/accessibility-patterns.md.
references/... or workflow/..., are packaged beside this SKILL.md.agents/..., commands/..., scripts/..., resources/..., rules/..., hooks/..., or templates/..., are packaged at this plugin root.skills/orchestration/...) is packaged under source/skills/orchestration/... for exact-reference lookups; all other Telar skills exist here only as the generated adapters under the plugin-root skills/ directory.../.. when reading support files or running packaged scripts.Making mobile apps accessible to all users.
// Accessible button
<TouchableOpacity
accessible={true}
accessibilityLabel="Add item to cart"
accessibilityHint="Double tap to add this item"
accessibilityRole="button"
accessibilityState={{ disabled: !inStock }}
onPress={addToCart}
>
<Text>Add to Cart</Text>
</TouchableOpacity>
// Accessible image
<Image
source={{ uri: product.image }}
accessible={true}
accessibilityLabel={`Photo of ${product.name}`}
accessibilityRole="image"
/>
// Grouping elements
<View
accessible={true}
accessibilityLabel={`${product.name}, ${product.price}`}
>
<Text>{product.name}</Text>
<Text>{product.price}</Text>
</View>
// Live regions
<View accessibilityLiveRegion="polite">
<Text>{notification}</Text>
</View>
Semantics(
label: 'Add to cart button',
hint: 'Double tap to add item',
button: true,
enabled: inStock,
child: ElevatedButton(
onPressed: inStock ? addToCart : null,
child: const Text('Add to Cart'),
),
)
// Exclude decorative elements
Semantics(
excludeSemantics: true,
child: DecorativeImage(),
)
// Merge semantics
MergeSemantics(
child: Row(children: [Text(name), Text(price)]),
)
# iOS: Settings > Accessibility > VoiceOver
# Android: Settings > Accessibility > TalkBack
# Automated testing
expect(element).toHaveAccessibilityLabel('Add to cart')