Component Gallery
Focus Ring
Medium
•AccessibilityPreview
Focus Ring Examples
접근성 팁
- • 포커스 링은 키보드 사용자에게 필수적입니다
- • focus:outline-none만 사용하지 말고 대체 스타일을 제공하세요
- • 색상 대비를 충분히 유지하세요 (최소 3:1)
- • focus-visible을 사용하면 키보드 포커스만 표시할 수 있습니다
Prompt
Prompt Tips
- •Always provide alternative styles when using focus:outline-none
- •Offset effect with focus:ring-2 and focus:ring-offset-2
- •Show keyboard focus only with focus-visible
- •Maintain minimum 3:1 color contrast
Tags
#accessibility
#focus
#keyboard
#a11y
#ring