Center
콘텐츠를 수평 및 수직 중앙에 배치하는 레이아웃 컴포넌트
개요
Center
설치
사용법
예제
아이콘과 함께 사용
★
✓
Square와 Circle
C
S
접근성
WCAG 2.1 / KWCAG 2.2 AA 기준을 준수합니다.
- 시맨틱 마크업: Center, Circle, Square는 의미론적으로 중립적인
<div>요소를 사용합니다. 내부 콘텐츠에 적절한 시맨틱 태그 사용 권장 - 장식적 요소: Circle/Square를 장식 목적으로 사용할 경우
aria-hidden="true"추가 고려 - 아이콘 접근성: 아이콘을 포함할 때는 적절한 레이블이나 대체 텍스트를 제공하여 스크린 리더 사용자가 의미를 이해할 수 있도록 함
- 키보드 네비게이션: 인터랙티브 요소를 포함할 경우 키보드로 접근 가능한지 확인