사용자가 요청한 작업을 한번 더 확인하게 해주어 실수를 줄이자.
기술설명
이 기술은 사용자가 지금 하는 작업이 의도적인 것인지를 사용자에게 확인 하는 것입니다.
사용자가 작업을 수행한 후에는 실행을 취소 할 수 없는 상황에 이 기술을 사용합니다.
이 기술을 사용하면 사용자가 실수로 양식을 제출하거나 데이터를 삭제하는 일을 방지하는데 큰 도움이 됩니다.
예를 들어 '제출'과 '취소' 순서로 버튼이 제공되는 페이지에서 사용자는 버튼의 위치를 반대로 예상하여 잘못 누를 수 있습니다.
(즉 '제출'을 눌러야 하는데 실수로 '취소'를 누른 것입니다.)
이때 사용자에게 확인 요청을 제시하면 사용자가 잘 못된 것을 인식 하고 바로 잡을 수 있게 됩니다.
확인 요청은 사용자에게 '선택한 작업'과 '해당 작업을 계속 진행할 경우'의 결과를 알려줘야 합니다.
예시
[예시1] 온라인 여행 홈페이지에서 사용자는 여행 일정에 따라 다양한 항공사의 좌석을 예약할 수 있습니다.
사용자는 현재 일정을 조회, 수정, 취소 할 수 있습니다.
사용자가 여행 계획을 취소해야 하는 경우, 웹 페이지에서 제공하는 '일정 목록'에서 현재 일정을 삭제하면 됩니다.
삭제를 하면 연관된 좌석 예약도 취소되며, 되돌릴 수 없게 됩니다.
사용자가 '일정 삭제'를 하면 예약 좌석이 취소되고, 이후 동일한 항공편에 비슷한 예약을 할 수 없다는 사실을 사용자에게 알려주어야 합니다. 그리고 사용자가 선택한 '일정 삭제'에 대해 '동의' 하거나 '취소'하라는 요청을 합니다.
[예시2]
테스트를 위해 답변을 수집하는 양식입니다. '제출'또는 '재설정' 버튼을 누르면 사용자에게 무엇을 선택했고, 선택한 것을 계속할지를 물어보는 웹 페이지가 나타납니다.
예를 들어 '재설정' 버튼을 선택하면 '이전에 입력한 모든 데이터가 삭제되고, 답변은 제출되지 않습니다. 정말 재설정 하시겠습니까?’라는 문구와 함께 [예], [아니오] 버튼이 제공됩니다.
'제출' 버튼을 선택하면 '입력한 데이터가 제출되며, 변경은 불가능합니다. 제출 하시겠습니까?'라는 문구와 함께 [예], [아니오] 버튼이 제공됩니다.
[예시3]
중개 사이트에서는 사용자가 주식 및 기타 증권을 사고 팔 수 있습니다.
사용자가 거래 시간 중에 거래를 하면, 거래가 즉시 취소 될 수 없음을 알려주는 내용과 함께 '계속' 및 '취소' 버튼이 창으로 나타납니다.
관련기술
G98: 제출하기 전에 사용자가 답변을 검토하고 수정할 수 있는 기능 제공
점검절차
1. 되돌리거나 변경할 수 없는 작업을 시작합니다.
2. 선택한 작업을 확인하는 요청메시지가 나오는지 확인합니다.
3. 작업을 '확인'하고 '취소'할 수 있는지 확인합니다.
나의 정리
사용자가 양식(form)에 정보를 입력합니다. 많은 항목에 다양한 정보들을 어렵게 입력했습니다.
그리고 '제출' 버튼을 눌러야 하는데, 그만 실수로 '다시쓰기' 버튼을 누릅니다.
이렇게 버튼을 잘못 눌러 입력한 정보를 날려먹는 일을 방지하기 위해, 사용자에게 선택한 작업을 한 번 더 확인해 달라는 메시지를 제공하는 것입니다.
[제출]을 누르면 '제출 후에는 수정이 불가능 합니다. 제출하시겠습니까?'라는 문구와 '[예] [아니요]' 버튼이 제공됩니다.
[다시쓰기]를 누르면 '입력하신 내용이 초기화 됩니다. 재설정하시겠습니다.'라는 문구와 '[예] [아니요]' 버튼이 제공됩니다.
이렇게, 버튼을 누르면 바로 실행이 되는 것이 아니라 무엇을 선택했고 어떤 결과가 예상되니 정말 실행할지를 물어보는 메시지가 제공되어야 합니다.
그러면 사용자의 실수를 줄일 수 있게 됩니다.
G168: Requesting confirmation to continue with selected action
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G168.html
G168: Requesting confirmation to continue with selected action | Techniques for WCAG 2.0
A Webmail application stores a user's email on a server, so that it can be accessed from anywhere on the web. When a user deletes an email message, it is moved to a trash folder from which it can be retrieved if it was deleted by accident. There is an "emp
www.w3.org
공짜로 혼자서도 할 수 있는 웹퍼블리싱 공부 방법을 알려드립니다.
홈페이지 만들기, 혼자하기 힘들다면 무로 스터디에 들어오세요.
공부 방향을 모르겠다면 무료 과외를 신청하세요.
https://blog.naver.com/redoxup/223134941372
혼자서 웹퍼블리싱(HTML+CSS)입문과정 마스터 할 수 있다! + 도움을 받으면 더 잘 할 수 있다!!
웹디자이너, 웹퍼블리셔, 웹프로그램을 준비하시는 분들이라면, 다른 건 몰라도 HTML+CSS 입문과정...
blog.naver.com
'웹접근성지침(WCAG2.0)' 카테고리의 다른 글
| [웹접근성 지침-일반기술 G170] 웹페이지 시작 부분에 '자동 재생하는 사운드'를 끄는 기능을 제공하자. (2) | 2024.11.23 |
|---|---|
| [웹접근성 지침-일반기술 G169] 텍스트는 한쪽 방향으로 정렬시키자. (31) | 2024.11.22 |
| [웹접근성 지침-일반기술 G167] 필드에 인접한 버튼이 레이블(label) 역할을 합니다. (27) | 2024.11.20 |
| [웹접근성 지침-일반기술 G166] 중요한 '비디오 콘텐츠'에 '대체 오디오'가 제공되어야 한다. (32) | 2024.11.19 |
| [웹접근성 지침-일반기술 G165] 플랫폼에서 제공하는 '기본 초점 표시기'를 사용하여 '초점 표시기'의 가시성을 높이자. (6) | 2024.11.18 |
