[웹접근성 지침-일반기술 G199] 데이터가 성공적으로 서버에 제출되었다면 성공사실을 사용자에게 알려주자.

원본: https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G199.html

 

---

양식을 작성한 후에 전송을 하면 전송 결과에 대한 메시지를 알림창이나 결과 페이지를 통해 사용자에게 알려주어야 합니다. 그래야 사용자가 안심할 수 있습니다.

---

기술설명

이 가술의 목적은 사용자가 양식(form)을 작성하여 제출하는 작업 등을 성공적으로 완료 했는지를 확인하는데 필요한 노력을 줄여주는 것입니다. 사용자가 직접 작업 성공 여부를 확인하지 않아도 작업의 성공 여부를 사용자에게 알려주어야 합니다.

 

사용자가 입력한 내용들이 데이터베이스에 성공적으로 전달 되었는지 또는 원하는 사람에게 전달되었는지 등을 확인하기 위해 직접 찾아 보는 것은 무척 힘든 일입니다.

 

 

예시

[예시1] 사용자가 시스템에 로그인 하면 '성공적으로 로그인했습니다.'라는 응답을 받게 됩니다.

이로 인해 사용자가 자신의 이름으로 검색하거나 로그인 링크가 로그아웃으로 바뀐 표시 등의 단서로 로그인 사실을 확인할 필요가 없게 됩니다.

 

[예시2] 사용자가 퀴즈나 시험에 대한 답을 작성하여 제출합니다. 성공적으로 제출 되었다는 것을 알려줍니다.

이로 인해 사용자는 제출자 목록에서 자신이 제출한 내용을 확인할 필요가 없습니다.

 

[예시3] 방문자가 웹사이트에서 계정을 만듭니다. 양식을 제출 하자 '등록이 성공적으로 이루어졌습니다.'라는 메시지를 받았습니다. 등록 후 자동으로 로그인 하자 '로그인 되었습니다.'라는 메시지를 받았습니다.

인증이 필요한 경우 '인증을 위해 이메일을 전송했습니다. 확인해 주세요.'라는 메시지를 사용자에게 제공합니다.

 

[예시4] 사용자가 지원 양식(form)을 작성하고 제출합니다. 그러자 '성정적으로 전송되었습니다. 48시간 안에 답변이 올 것입니다.'라는 메시지를 받았습니다.

 

 

점검절차

1. 오류 없이 양식 필드를 작성합니다.

2. 양식을 제출합니다.

3. 제출한 양식이 성공적으로 전달되었는지에 대한 메시지가 나오는지 확인합니다.

 

---

https://link.coupang.com/a/cl4UpZ

Do it! HTML + CSS + 자바스크립트 웹 표준의 정석: 한 권으로 끝내는 웹 기본 교과서 전면 개정판 - 프

 

 

https://link.coupang.com/a/cl4UBK

Do it! 인터랙티브 웹 페이지 만들기 - HTML/CSS | 쿠팡

 

 

*이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다. 

---

 

나의 정리

로그인, 회원가입, 퀴즈 정답 입력, 시험, 방명록 및 게시판 작성 등 다양한 양식(form)을 작성 후에 [전송 (확인 및 등록)]버튼을 눌러 입력한 내용을 서버로 전송합니다.

그런데 버튼을 누른 후에 아무 일도 없다면 어떻게 될까요? 작성자는 자신이 입력한 내용이 서버로 잘 전달되었는지 확인 하고 싶을 것입니다. 하지만 서버에서 전송 받은 데이터를 확인해 볼 수 있는 서비스를 제공하지 않는 이상 사용자는 확인 할 수 없습니다. 혹 그런 서비스를 제공한다고 해도 사용자가 검색해서 확인해야 하는 수고를 겪어야 합니다.

 

양식을 작성한 후에 전송을 하면 전송 결과에 대한 메시지를 알림창이나 결과 페이지를 통해 사용자에게 알려주어야 합니다. 그래야 사용자가 안심할 수 있습니다.

---

 

G199: Providing success feedback when data is submitted successfully

https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G199.html

G199: Providing success feedback when data is submitted successfully | Techniques for WCAG 2.0