Skip to content
cccskills
FreePublished on GitHub

a11y Accessible Name Basics

画像・ボタン・フォーム要素に適切なアクセシブルネームがあるか確認する。

The English summary is being prepared. Showing the original description.

See how to install

Files included (9)

  • SKILL.md2.4 KB
  • eval/promptfoo.yaml1.2 KB
  • fixtures/01-icon-button-happy.md733 B
  • fixtures/02-decorative-img-false-positive.md698 B
  • golden/01-icon-button-happy.md822 B
  • golden/02-decorative-img-false-positive.md287 B
  • prompt/system.md1.2 KB
  • prompt/user.md296 B
  • README.md475 B

SKILL.md (original)

Review the instructions the agent will receive before you install.

Goal / 目的

  • 主要UI要素のラベル欠落による操作不能や誤解を防ぐ。

Non-goals / 扱わないこと

  • コントラスト比やキーボード操作などの包括的なa11y評価。
  • 画面全体の情報設計の良し悪し。
  • 動的UIのARIA設計(別スキルの対象)。

False-positive guards / 抑制条件

  • aria-hidden="true" が明示されている装飾要素は指摘しない。
  • aria-label / aria-labelledby が既に付与されている場合は指摘しない。

Rule / ルール

  • img タグには alt 属性を必須にする(装飾的な画像は alt="" を推奨)。
  • button / a / input には可視テキストまたは ARIA ラベルを持たせる。

Evidence / 根拠の取り方

  • 対象要素のタグと属性の有無を差分から示す。
  • alt / aria-label / aria-labelledby の欠落を根拠として示す。

Heuristics / 判定の手がかり

  • img に alt が存在しない。
  • button / a がアイコンのみで、ラベル属性もない。
  • input に label が関連付けられていない(htmlFor / id が不一致)。

Actions / 改善案

  • alt で意味を短く表現する。
  • aria-label を追加し、読み上げ名を明示する。
  • label と input を id / htmlFor で関連付ける。

Output / 出力

  • Finding: / Evidence: / Impact: / Fix: を含む短いメッセージにする。

評価指標(Evaluation)

  • 合格基準: ラベル欠落が差分に紐づき、根拠と改善案が説明されている。
  • 不合格基準: 差分と無関係な指摘、根拠のない断定、抑制条件の無視。

人間に返す条件(Human Handoff)

  • UIの意図が不明で解釈が分かれる場合は質問として返す。
  • 画面設計そのものの議論が必要な場合は人間レビューへ返す。

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

<What this skill does>

The English summary is being prepared. Showing the original description.

s977043/river-review7Updated Oct 23, 2026

Ensure ADRs capture context, decision, alternatives, tradeoffs, and follow-ups in a way that prevents future drift.

The English summary is being prepared. Showing the original description.

s977043/river-review7Updated Oct 23, 2026

敵対的分析手法を統合したレビューの entry skill。認知バイアス対策の3手法 (Pre-mortem / War Game / Logic Torturing)と、宣言・主張と実態の乖離を突く claim-vs-actual 検出3パターン(Self-Contradiction / Refactor-Claim Audit / Cross-File Leakage)へルーティングし、通常のレビューでは見えない設計の盲点・ 防御の穴・論理の弱点・宣言と実装のズレを可視化する。

The English summary is being prepared. Showing the original description.

s977043/river-review7Updated Oct 23, 2026

Review changes to the Agent Skills import/export bridge for path safety, round-trip fidelity, and validation correctness.

The English summary is being prepared. Showing the original description.

s977043/river-review7Updated Oct 23, 2026

Checks whether AI-assisted work defines review criteria, accessible context, explicit review loop, human judgment boundary, and feedback capture before delegating to an agent.

The English summary is being prepared. Showing the original description.

s977043/river-review7Updated Oct 23, 2026

Detects per-caller special-cases (bandaids) bolted onto shared infrastructure/common functions, and when two or more same-kind special-cases exist proposes generalizing the lower-level mechanism instead.

The English summary is being prepared. Showing the original description.

s977043/river-review7Updated Oct 23, 2026

See all skills by s977043

Report a problem with this skill