눈 대신 귀로 느낄 수 있는 챗봇 흐름 만들기 | 접근성 업무일지 #3

토스 고객센터 챗봇에서 스크린리더 사용자를 위한 접근성 개선 경험을 공유하는 글입니다. 기존 챗봇은 화면이 변경되어도 스크린리더 사용자에게는 이를 인지할 방법이 없어 대화 흐름이 단절되는 문제가 있었습니다.

이를 해결하기 위해 시각적 UI 흐름을 초점 이동에 반영하고, 초점 이동 타이밍을 정교하게 조정하는 두 가지 개선 방안을 제시합니다. focus({ preventScroll: true })`를 조합하여 부드러운 스크롤과 자연스러운 초점 이동을 동시에 구현함으로써, 시각 장애가 있는 사용자도 챗봇 흐름을 직관적으로 따라갈 수 있도록 개선한 과정을 상세히 설명합니다.

장애가 있는 사용자도 챗봇 흐름을 직관적으로 따라갈 수 있도록 개선한 과정을 상세히 설명합니다.