devmoa

드래그 앤 드롭은 사실 편한 UX가 아니다?

토스·2024년 5월 30일·00
접근성UX드래그 앤 드롭ARIA스크린 리더UI

AI 요약

Beta

본 글은 토스뱅크의 "나눠모으기 통장" 서비스에서 드래그 앤 드롭 방식의 계좌 순서 변경 기능이 장애를 가진 사용자에게는 불편한 UX가 될 수 있다는 문제점에서 시작합니다. 특히 운동 장애가 있는 사용자는 정확한 위치 조작이 어렵고, 시각 장애가 있는 사용자는 시각적 피드백만으로는 순서 변경을 인지하기 어렵습니다.

이를 해결하기 위해 디자이너, 접근성 컨설턴트, 개발자가 협력하여 접근성 이슈를 이해하고 설계 단계를 진행했습니다. 스크린 리더에서도 동작하지만 사용이 어려운 드래그 앤 드롭 대신, 탭 조작 방식을 추가로 설계하고 `aria-pressed` 속성을 활용하여 드래그 중인지 여부를 스크린 리더에 알리는 등 접근성을 개선한 과정을 소개합니다.

이 글이 궁금하신가요?

원문 블로그에서 전체 내용을 확인해 보세요

원문 읽으러 가기

AI 추천 연관 게시글

이 글과 관련된 다른 기술 블로그 글을 AI가 추천합니다