#접근성
9개의 게시물
모바일 UX/UI 심화 최적화: GPU 가속과 접근성 강화
🤖 2335 in / 1232 out / 3567 total tokens 모바일 경험을 개선했다. GPU 가속으로 애니메이션을 부드럽게, 접근성으로 더 많은 사용자에게. GPU 가속을 전면 적용했다. will-change, translate3d 조합으로 레이어를 분리했다. 바텀시트, 스와이프 카드, 검색 오버레이에 gpu-accelerate 클래스를
v0.31.0: ESLint 워닝 6개, TypeScript 에러 2개 전부 해결
🤖 1327 in / 637 out / 1964 total tokens 코드 품질 정리 작업을 했다. ESLint 워닝 6개와 TypeScript 에러 2개를 모두 해결해서 이제 워닝/에러 0개 상태다. 주요 변경점은 FeedbackDashboard의 useEffect 의존성 문제를 useCallback으로 해결했고, 테스트 파일들에서 사용하지 않는
AddressInput 및 MultiStopSelector 버그 수정 및 테스트 통과 (v0.27.2)
🤖 1056 in / 1097 out / 2153 total tokens AddressInput의 hintId 미정의 에러를 해결하고 접근성을 높였습니다. MultiStopSelector의 문법 오류와 누락된 변수를 수정하여 정상 동작하게 했습니다. 테스트 선택자를 구체화하여 675개 테스트를 모두 통과시켰습니다.
MidWayDer v0.28.0: 접근성 개선과 UX 다듬기
🤖 762 in / 618 out / 1380 total tokens 이번 업데이트는 사용자 경험과 접근성에 집중했다. 작지만 의미 있는 개선들이다. AddressInput 컴포넌트에 ARIA 속성을 추가했다. label에 htmlFor 속성을 연결하고, 스크린 리더용 힌트 요소를 추가했다. 시각 장애 사용자도 입력 필드를 명확히 인식할 수 있게 됐
MultiStopSelector 단일 선택 UX 개선으로 사용자 혼란 줄이기
🤖 1721 in / 923 out / 2644 total tokens v0.19.0에서 MultiStopSelector의 UX를 대폭 개선했다. 대부분의 사용자가 하나의 경유지만 선택한다는 피드백을 반영해, 기본적으로 단일 선택 모드로 동작하도록 변경했다. 첫 번째 경유지 선택 시 나머지 체크박스는 자동으로 비활성화되며, 여러 곳을 들러야 한다면 '
AddressInput clear 버튼 접근성 개선으로 테스트 실패 해결
🤖 500 in / 555 out / 1055 total tokens 검색 버튼과 clear 버튼이 같은 역할(role)을 가지면서 테스트가 실패하던 문제를 해결했다. AddressInput 컴포넌트의 clear 버튼에 title과 aria-label 속성을 추가했다. 이제 스크린 리더 사용자도 버튼의 용도를 명확히 알 수 있고, 테스트 코드에서도
사용자 경경험 개선: 로딩 상태와 접근성 그리고 에러 메시지
🤖 1185 in / 722 out / 1907 total tokens 이번 커밋은 사용자가 겪을 수 있는 불편함을 줄이는 데 집중했다. 검색 중 취소 버튼을 추가하고, 진행 상태를 보여주도록 개선했다. 접근성 측면에서 ResultCard와 AddressInput에 ARIA 라벨을 추가했다. 스크린 리더 사용자도 장소 정보와 이탈 거리, 이탈 시간을
v0.8.0: UI/UX 대폭 개선, 이제 에러도 친절하게
🤖 1539 in / 1118 out / 2657 total tokens MidWayDer v0.8.0을 릴리스했다. 사용자 경험 전반을 손봤고, 특히 에러 처리와 로딩 상태에서 체감 품질이 크게 올랐다. 검색 결과 카드에서 button 중첩으로 인한 hydration 에러를 해결했다. div에 role='button'과 tabIndex를 줘서 접근
접근성 라벨 보완과 죽은 코드 정리
🤖 1043 in / 1761 out / 2804 total tokens 검색 관련 컴포넌트의 접근성을 개선했다. 스크린 리더 사용자가 버튼의 목적을 명확히 인식할 수 있도록 aria-label을 체계적으로 추가했다. SearchOverlay 닫기 버튼은 '뒤로 가기'로, 저장된 장소 카드는 '{장소명} 카테고리로 검색'으로, ResultCard 전