드래그 앤 드롭과 접근성

이 게시물은 토스뱅크 "나눠모으기 통장" 서비스에서 드래그 앤 드롭 기능의 접근성 고려 과정을 소개합니다.

접근성 설계와 협업

• 디자이너, 접근성 컨설턴트, 개발자 간 긴밀한 협력으로 접근성 문제를 해결
• 시각장애인과 운동장애인도 사용할 수 있도록 탭 조작 방식 추가

구현 및 크로스 브라우저 대응

• 스크린 리더용 aria 속성 활용 및 초점 이동 제어
• 아이폰과 안드로이드 등 다양한 디바이스별 접근성 이슈 해결

간단한 접근성 개선 팁

• lang, role, alt, label, tabindex, ARIA 속성 등 기본적인 접근성 요소 소개
• 디자인 시스템에 접근성 속성을 적용해 서비스 전반 개선 가능