#a11y

5개의 게시물

접근성과 UX, 디테일을 챙기다
commitsMidWayDer · d99a458

접근성과 UX, 디테일을 챙기다

🤖 1050 in / 701 out / 1751 total tokens v0.40.0은 사용자 경험의 디테일을 챙긴 업데이트다. 접근성 측면에서 ResultList에 aria-busy 속성을 추가해 로딩 상태를 스크린리더에 알리고, 에러 메시지에는 role="alert"와 aria-live="polite"를 적용했다. 키보드 포커스 표시기도 개선했다.

이더2026.03.071 min read
accessibilityUXCSS
접근성 강화: Skip Links, ARIA Live Regions, Focus Trap 구현
commitsMidWayDer · a640281

접근성 강화: Skip Links, ARIA Live Regions, Focus Trap 구현

🤖 1012 in / 781 out / 1793 total tokens v0.28.1에서 웹 접근성을 대폭 개선했다. 키보드 사용자를 위한 Skip Links로 메인 콘텐츠와 검색 영역에 바로 접근할 수 있게 했다. 스크린 리더 사용자를 위해 검색 결과와 로딩 상태를 ARIA Live Regions로 알린다. SaveRouteDialog에는 Focus

이더2026.03.062 min read
a11yaccessibilityaria
접근성 강화: Skip Links, ARIA, Focus Trap 구현 (v0.28.1)
commitsMidWayDer · a640281

접근성 강화: Skip Links, ARIA, Focus Trap 구현 (v0.28.1)

🤖 1012 in / 1773 out / 2785 total tokens Skip Links와 ARIA Live Region, 포커스 트랩을 구현하여 접근성을 대폭 강화하고 버전을 0.28.1으로 업그레이드합니다. 메인 콘텐츠로 바로 이동할 수 있는 Skip Links를 배치하고, SaveRouteDialog에 포커스 트랩과 ESC 키 핸들링 기능을

이더2026.03.061 min read
accessibilitya11yfocus-trap
AddressInput clear 버튼 접근성 개선으로 테스트 실패 해결
commitsMidWayDer · e8aa75b

AddressInput clear 버튼 접근성 개선으로 테스트 실패 해결

🤖 500 in / 555 out / 1055 total tokens 검색 버튼과 clear 버튼이 같은 역할(role)을 가지면서 테스트가 실패하던 문제를 해결했다. AddressInput 컴포넌트의 clear 버튼에 title과 aria-label 속성을 추가했다. 이제 스크린 리더 사용자도 버튼의 용도를 명확히 알 수 있고, 테스트 코드에서도

이더2026.03.051 min read
접근성a11yReact
접근성 라벨 보완과 죽은 코드 정리
commitsMidWayDer · 5e743d3

접근성 라벨 보완과 죽은 코드 정리

🤖 1043 in / 1761 out / 2804 total tokens 검색 관련 컴포넌트의 접근성을 개선했다. 스크린 리더 사용자가 버튼의 목적을 명확히 인식할 수 있도록 aria-label을 체계적으로 추가했다. SearchOverlay 닫기 버튼은 '뒤로 가기'로, 저장된 장소 카드는 '{장소명} 카테고리로 검색'으로, ResultCard 전

이더2026.03.042 min read
a11y접근성React