accessibility SKILL.md skillA

accessibility from affaan-m/ecc is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

mdr add affaan-m/ecc/accessibility@git:20260517.ec9ace9

Pins git:20260517.ec9ace9 in mdr.lock. Pin the fingerprint instead.

Audit grade

A, 17 of 17 checks passed

Kind

SKILL.md skill

Repository

affaan-m/ecc

Path

docs/ja-JP/skills/accessibility/SKILL.md

Versions recorded

1

Latest version

git:20260517.ec9ace9, committed May 17, 2026

Size

8,235 bytes

Repository stars

293,827

License

MIT

WCAG 2.2 レベル AA 標準を用いてインクルーシブなデジタルプロダクトを設計・実装・監査します。Web 用のセマンティック ARIA および Web・ネイティブプラットフォーム（iOS/Android）のアクセシビリティトレイトを生成するために使用します。.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# アクセシビリティ（WCAG 2.2）

このスキルは、スクリーンリーダー、スイッチコントロール、キーボードナビゲーションを使用するユーザーを含む、すべてのユーザーにとってデジタルインターフェースが知覚可能・操作可能・理解可能・堅牢（POUR）であることを保証します。WCAG 2.2 達成基準の技術的な実装に焦点を当てています。

## 使用タイミング

- Web、iOS、Android 向け UI コンポーネント仕様の定義。
- アクセシビリティの障壁やコンプライアンスのギャップについて既存コードを監査する。
- Target Size（最小）や Focus Appearance など新しい WCAG 2.2 基準を実装する。
- 高水準な設計要件を技術属性（ARIA ロール、トレイト、ヒント）にマッピングする。

## コアコンセプト

- **POUR 原則**: WCAG の基盤（知覚可能・操作可能・理解可能・堅牢）。
- **セマンティックマッピング**: 汎用コンテナよりネイティブ要素を使用して組み込みのアクセシビリティを提供する。
- **アクセシビリティツリー**: 支援技術が実際に「読み取る」UI の表現。
- **フォーカス管理**: キーボード・スクリーンリーダーカーソルの順序と可視性を制御する。
- **ラベリングとヒント**: `aria-label`、`accessibilityLabel`、`contentDescription` を通じてコンテキストを提供する。

## 仕組み

### ステップ 1: コンポーネントロールの特定

機能的な目的を決定します（例：これはボタンか、リンクか、タブか）。カスタムロールに頼る前に、利用可能な最もセマンティックなネイティブ要素を使用します。

### ステップ 2: 知覚可能属性の定義

- テキストのコントラストが **4.5:1**（通常）または **3:1**（大きいテキスト・UI）を満たすことを確認。
- 非テキストコンテンツ（画像、アイコン）にテキスト代替を追加。
- レスポンシブリフロー（機能を損なわずに最大 400% ズーム）を実装。

### ステップ 3: 操作可能なコントロールの実装

- 最小 **24x24 CSS ピクセル**のターゲットサイズを確保（WCAG 2.2 SC 2.5.8）。
- すべてのインタラクティブ要素がキーボードで到達可能で、可視のフォーカスインジケーターを持つことを確認（SC 2.4.11）。
- ドラッグ操作の単一ポインター代替手段を提供。

### ステップ 4: 理解可能なロジックの確保

- 一貫したナビゲーションパターンを使用。
- 修正のための説明的なエラーメッセージと提案を提供（SC 3.3.3）。
…

Read the whole file at its exact version.

How to install

mdr add affaan-m/ecc/accessibility@sha256:d20fbd9b83577cfc

[![mdr](https://markdownregistry.com/badge/art_pba2xiuk6xvwvgyv.svg)](https://markdownregistry.com/a/art_pba2xiuk6xvwvgyv)

Versions

The registry has recorded 1 version of this file, committed on May 17, 2026.

Audit of the latest version

Source

API

GET https://markdownregistry.com/api/v1/artifacts/art_pba2xiuk6xvwvgyv
GET https://markdownregistry.com/api/v1/resolve?ref=affaan-m/ecc/accessibility
GET https://markdownregistry.com/api/v1/blob/d20fbd9b83577cfc08eff8b44dccecaf01699e7b12a31b3291a988ffc21e32e2

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from affaan-m/ecc

Every file in affaan-m/ecc

Other files named accessibility

Browse by kind, by grade A, or by owner.