Back to list
saintgo7

check-accessibility

by saintgo7

0🍴 0📅 Jan 21, 2026

SKILL.md


name: check-accessibility description: CareMatch 컴포넌트 접근성 검사. 50-70세 고령층을 위한 접근성 가이드라인 준수 여부를 체크합니다. 사용법 - "접근성 검사해줘", "이 컴포넌트 접근성 확인" allowed-tools: Read, Grep, Glob

Check Accessibility Skill

CareMatch V3의 접근성을 검사합니다.

대상 사용자

50-70세 고령층

체크리스트

텍스트

  • 최소 폰트 크기 16px 이상
  • 줄 간격 1.5 이상
  • 텍스트 대비 비율 4.5:1 이상

인터랙션

  • 터치 영역 최소 48x48px
  • 클릭 영역 충분한 여백
  • 포커스 표시 명확

시각

  • 아이콘에 레이블 또는 aria-label
  • 색상만으로 정보 전달하지 않음
  • 움직이는 요소 제어 가능

구조

  • 의미 있는 HTML 태그 사용
  • 헤딩 계층 구조 올바름
  • 키보드 네비게이션 가능

TailwindCSS 클래스 가이드

요구사항클래스
최소 폰트text-base (16px) 이상
기본 폰트text-lg (18px)
큰 폰트text-xl (20px)
버튼 크기min-h-12 min-w-12 (48px)
여백p-4 (16px) 이상

Score

Total Score

40/100

Based on repository quality metrics

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

0/10
説明文

100文字以上の説明がある

0/10
人気

GitHub Stars 100以上

0/15
最近の活動

3ヶ月以内に更新がある

0/10
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

+5
タグ

1つ以上のタグが設定されている

0/5

Reviews

💬

Reviews coming soon