القائمة
セマンティックHTML/JSXとWAI-ARIAを「最小で正しく」適用し、キーボード操作・スクリーンリーダ・コントラスト等を満たす実装を作るための判断軸。ネイティブ要素優先、ARIAの過剰使用を避ける。
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/majiayu000/claude-skill-registry --skill accessibility-engineerيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | accessibility-engineer |
| category | role |
| user-invocable | false |
| description | セマンティックHTML/JSXとWAI-ARIAを「最小で正しく」適用し、キーボード操作・スクリーンリーダ・コントラスト等を満たす実装を作るための判断軸。ネイティブ要素優先、ARIAの過剰使用を避ける。 |
/design-ui / /design-assemble / フロント実装）に入るときは、原則このskillを併用する。button / a / label / input 等）で解決する。ARIAは最後の手段。role/aria-* を足して“それっぽく”しない。要件があるときだけ付ける。h1→h2…）。見た目のために見出しを飛ばさない。header/nav/main/footer、必要なら aside）。ul/ol/li、定義は dl/dt/dd を使う（div で代替しない）。aria-label（可視テキストを置けない場合）aria-labelledby（既存要素を参照して名前を構成する場合）label と input を関連付ける（for/id）。プレースホルダをラベル代わりにしない。aria-describedby で補助文を紐付け）。disabled はネイティブ属性を優先（button disabled 等）。aria-pressed / aria-expanded など要件に合う属性で状態を表す（ネイティブ要素で足りない場合のみ）。aria-live を使う（乱用しない）。tabindex で無理矢理並べ替えない）。tabindex="0" は「フォーカス可能にする」最小用途でのみ。tabindex="-1" は「プログラム的にフォーカス移動したい」時のみ。focus-visible）を必ず担保する（消さない）。alt を付ける（装飾なら空 alt=""）。div に onClick を付けてボタン扱い（キーボード/役割が崩れる）。role="button" で誤魔化す（ネイティブの button を使う）。aria-label を付ける（可視ラベルがあるのに重複して読み上げ事故になる）。