Aria 썸네일형 리스트형 React에서 접근성을 고려한 UI 컴포넌트 설계 접근성은 "특별한 기능"이 아니라 모든 사용자가 제품을 사용 가능하게 만드는 기본 품질입니다. 실무에서는 작은 결정 하나가 전체 경험을 좌우합니다. 아래는 React에서 바로 적용 가능한 접근성 중심 UI 컴포넌트 설계 방법과 코드 예시입니다.1. 기본 원칙: 시맨틱, 키보드, 포커스시맨틱 요소 우선 사용합니다. 버튼은 button, 링크는 a를 사용합니다. 모든 인터랙션은 마우스 없이도 키보드로 수행 가능해야 합니다. 포커스는 보이고 예측 가능해야 하며, 포커스 이동을 강제할 때는 들어온 곳과 나간 곳을 관리합니다.// 나쁜 예: div는 버튼이 아닙니다const Bad = () => {}}>제출;// 좋은 예: 네이티브 button + type 명시function PrimaryButton({ chi.. 더보기 이전 1 다음