Menü
Making mobile apps accessible to all users.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
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')