목록 보기
시각 정보를 소리로 번역하는 법 - 시각장애인을 위한 얼굴 인증 개선기 | 접근성 업무일지 #2
프론트엔드

시각 정보를 소리로 번역하는 법 - 시각장애인을 위한 얼굴 인증 개선기 | 접근성 업무일지 #2

토스
토스
2025년 7월 18일

두줄요약

시각장애인 사용자를 위한 얼굴 인증 흐름을 별도로 설계하고, 진행 상태와 오류를 소리와 안내로 전환해 개선했습니다. 카메라 권한과 인증 절차도 단계별로 나눠 혼자서 인증을 마칠 수 있게 했습니다.

구조와 흐름

  • 시각장애인 사용자의 얼굴 인증 경험을 개선하기 위해 스크린리더 전용 흐름을 별도로 설계
  • UT를 바탕으로 진행 상태, 오류 피드백, 카메라 권한 안내를 단계별로 재구성
  • 시각적 요소를 소리로 번역해 혼자서도 인증을 마칠 수 있는 경험을 목표로 개선

성능/운영 포인트

  • 진행 중과 완료 상태를 각각 다른 사운드로 안내해 현재 상태 파악을 돕는 방식
  • 오류 시 토스트 메시지로 즉시 알리고 버튼 조작 없이 흐름을 이어가도록 구성
  • iOS 권한 설정은 단계별 안내로 분리해 설정 앱 이동과 복귀 흐름을 명확히 안내

적용해볼 점

  • 텍스트 읽기뿐 아니라 그래픽 요소의 의미까지 음성 피드백으로 전환하는 관점
  • 특정 사용자만이 아니라 모두에게 더 나은 사용성으로 확장될 수 있는 접근성 개선

토스 계열사 채용160건

채용 사이트에서 전체 보기

다음 읽기

#접근성 주제를 이어서 읽기

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

스크린리더 사용자도 챗봇 흐름을 자연스럽게 따라가도록 초점 이동과 안내를 개선했습니다. 부드러운 스크롤, 음성 안내, 효과음으로 접근성을 높인 사례입니다.

토스
토스
프론트엔드
전체 보기

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...