개발자

접근성(Accessibility) 관련 질문!

2023년 03월 11일조회 165

안녕하세요, 현재 접근성을 지원하는 Datepicker 컴포넌트를 개발하고 있습니다. 이것저것 서치해 보다가 접근성 측면에서는 범위형 Range Datepicker 하나를 사용하는 걸 지양하고 별개의 필드로 나누어 각각의 Datepicker을 사용하는 것이 낫다는 자료를 발견했어요. 왜 그런건지 궁금해서 검색해 봐도 이유를 찾을 수 없어서 질문 올려봅니다.. 왜 범위형 선택을 하지 말고 별개로 나누는게 나은지 아시는 분 계신가요??

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

성원님의 프로필 사진

안녕하세요:) UI 컴포넌트를 개발 할 때 접근성을 고려하신다니 대단한 것 같습니다. 궁금해서 관련 내용을 찾아봤는데요 다음과 같은 이유가 있다고 합니다. 범위형 Range Datepicker 보다 별개의 Datepicker을 사용하는 것이 접근성이 좋은 이유. 1. 스크린 리더 사용자를 고려한 경우 범위형 Datepicker는 스크린 리더 사용자에게 선택할 수 있는 일정 범위를 제공해야 함. 일반 사용자와 달리 시각적으로 선택 범위를 확인할 수 없는 스크린 리더 사용자에게는 복잡한 작업이 될 수 있음. 따라서 별개의 Datepicker을 사용하면 각각의 필드에 대한 레이블과 입력 방법이 명확해지므로 스크린 리더 사용자에게 더욱 쉽게 접근할 수 있음. 2. 접근성 키보드 사용자를 고려한 경우 범위형 Datepicker는 키보드 사용자에게는 두 개의 날짜를 선택하기 위해 여러번 탭키를 눌러야 하는 불편함이 있음. 또한 범위형 Datepicker를 구현할 때 시작일과 종료일을 선택하는 것이 복잡하고 오류가 발생하기 쉬울 수 있음. 반면에, 두 개의 별개의 Datepicker을 사용하면 시작일과 종료일 각각에 대한 입력이 단순하고, 각각의 필드에 대한 레이블과 입력 방법이 명확하므로 키보드 사용자도 쉽게 입력할 수 있음. 3. 모바일 환경을 고려한 경우 모바일 환경에서 범위형 Datepicker는 화면 크기가 작은 모바일 기기에서 불편할 수 있음. 두 개의 별개의 Datepicker을 사용하면 모바일 환경에서도 각각의 필드에 대한 레이블과 입력 방법이 명확해기 때문에 사용험이 향상됨.

profile picture

익명

작성자

2023년 03월 22일

오 이해가 아주 쉽게 되네요! 좋은 답변 주셔서 감사합니다 성원님!!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!