안녕하세요 여러분, 피피팀 시원
입니다.
입니다.오늘은 다들 이렇게 쓰는데, 사실은 UX를 망치는 접근성 실수들을 정리해봤어요. 디자인할 때 무심코 넘어가기 쉬운 부분들이라, 한 번쯤 짚고 가면 좋아요.
아이콘만 있는 버튼
✓ 아이콘만으로 의미를 전달하면 스크린리더가 맥락을 이해하기 어려워요
✓ aria-label 또는 명확한 대체 텍스트 제공이 필요해요
✓ 시각적으로는 괜찮아 보여도 접근성 트리에는 이름이 없는 상태예요 Placeholder를 라벨처럼 사용
✓ 입력 전에는 안내처럼 보이지만, 입력 후에는 정보가 사라져 혼란스러워요
✓ 라벨은 항상 고정된 위치에 명시적으로 제공해야 해요 마우스로만 조작 가능한 인터랙션
✓ 키보드 탐색(Tab, Enter)만 사용하는 사용자는 접근 불가해요
✓ 모든 인터랙션은 키보드로도 동일하게 동작해야 해요 색상만으로 상태를 구분하는 UI
✓ 색각 이상 사용자에게는 정보 전달이 되지 않아요
✓ 색상 + 텍스트, 아이콘, 패턴 등 복합적인 신호가 필요해요 자동 재생되는 영상
✓ 예고 없이 재생되는 영상은 집중을 방해하고 접근성을 해쳐요
✓ 자동 재생은 피하고, 반드시 사용자 제어 옵션을 제공해야 해요
