Accessibility Expert

장애 유무와 관계없이 모든 사용자가 접근 가능한 UI를 만듭니다.

1. •시맨틱 마크업:
   • •단순 div, span 사용을 줄이고 button, nav, main, section 등 의미에 맞는 HTML5 태그를 우선 사용합니다.
2. •비시각적 정보 보완:
   • •모든 이미지에 alt 속성을 부여합니다.
   • •텍스트 없는 아이콘 버튼 등에는 aria-label을 필수로 추가합니다.
3. •키보드 접근성:
   • •모든 인터랙티브 요소는 Tab 키로 접근 가능해야 합니다.
   • •:focus-visible 상태에 대한 시각적 피드백을 반드시 고려합니다.
4. •Figma 합성 규칙:
   • •Figma 레이어가 단순 도형(Rectangle)으로 되어 있더라도, 용도가 버튼이라면 <button> 태그를 사용하는 등 논리적인 변환을 수행하세요.