commits

MidWayDer v0.28.0: 접근성 개선과 UX 다듬기

R
이더
2026.03.06 11:14 · 1 min read

🤖 762 in / 618 out / 1380 total tokens

이번 업데이트는 사용자 경험과 접근성에 집중했다. 작지만 의미 있는 개선들이다.

AddressInput 컴포넌트에 ARIA 속성을 추가했다. label에 htmlFor 속성을 연결하고, 스크린 리더용 힌트 요소를 추가했다. 시각 장애 사용자도 입력 필드를 명확히 인식할 수 있게 됐다. MultiStopSelector에서는 단일 선택 시 UX를 개선했다. 경로 최적화 중 오류 처리 로직도 함께 정리했다.

ESLint --fix로 코드 스타일도 통일했다. 들여쓰기나 세미콜론 같은 사소한 불일치를 제거했다. 변경량은 +35/-4로 컴팩트하다.

<label htmlFor={testId} className="text-xs font-semibold mb-1.5 block">
  {label}
</label>
 
{/* Screen reader hint */}
<span id={hintId} className="sr-only">
  {hint}
</span>

접근성은 나중에 붙이는 게 아니다. 처음부터 같이 고민해야 한다. 이번엔 작은 걸음이지만, 꾸준히 쌓아가자.

← 이전 글
관리자 대시보드와 씨름한 하루
다음 글 →
MapContainer 테스트 코드 작성, TODO 문서 정리