본문으로 건너뛰기
cccskills
무료GitHub에 공개

a11y Accessible Name Basics

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(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(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

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

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

<What this skill does>

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

s977043/river-review72026년 10월 23일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

s977043/river-review72026년 10월 23일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

s977043/river-review72026년 10월 23일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

s977043/river-review72026년 10월 23일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

s977043/river-review72026년 10월 23일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

s977043/river-review72026년 10월 23일 업데이트

s977043의 스킬 모두 보기

이 스킬의 문제 신고