핵심 요약
토스의 챗봇 접근성 개선 작업은 화면 변화 흐름을 초점 이동과 함께 설계하고 음성 피드백을 도입해 스크린리더 사용자도 대화 흐름을 자연스럽게 따라갈 수 있도록 했다.
주요 경험
- 시각 흐름을 초점 이동에 반영해 화면 변화 시 초점도 함께 이동하도록 구현했다.
- scrollIntoView로 부드럽게 스크롤한 뒤 약 1초 후에 target.focus({ preventScroll: true })로 초점을 이동시키는 타이밍을 정교화했다.
- 메시지 하단에 스크린리더 안내를 추가하고 aria-live="polite" 음성 피드백과 메시지 수신/발신 시의 음향 효과를 도입했다.
얻은 인사이트
- 접근성 개선은 모든 화면 흐름의 기본이 되며 팀의 공통 패턴으로 확장 가능하다는 점을 확인했다.
- 사용자 관점의 피드백이 개발 의사결정의 명확성을 높이고, 재사용 가능한 유틸리티로의 정착 여지가 크다.
