컴포넌트 갤러리
포커스 링
보통
•접근성Preview
Focus Ring Examples
접근성 팁
- • 포커스 링은 키보드 사용자에게 필수적입니다
- • focus:outline-none만 사용하지 말고 대체 스타일을 제공하세요
- • 색상 대비를 충분히 유지하세요 (최소 3:1)
- • focus-visible을 사용하면 키보드 포커스만 표시할 수 있습니다
프롬프트
프롬프트 팁
- •focus:outline-none 사용 시 반드시 대체 스타일 제공
- •focus:ring-2와 focus:ring-offset-2로 오프셋 효과
- •focus-visible로 키보드 포커스만 표시
- •최소 3:1 색상 대비 유지
Tags
#accessibility
#focus
#keyboard
#a11y
#ring