[웹접근성 지침-일반기술 G80] 컨텍스트(Context) 내용을 변경한 뒤 제출(Submit)버튼을 누르는 방식을 제공해야 한다.

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

 

기술설명

이 기술의 목적은 사용자가 'Context'의 내용을 변경할 수 있게 하는 명시적인 기술을 제공해야 한다는 것입니다.

양식(Form)안에 있는 'Context', 즉 <input>태그나  <textarea>태그에 내용을 입력하거나 수정한 다음에,

'제출(Submit) 버튼'을 누르면 입력한 데이터들이 HTTP를 통해 서버로 제출하게 됩니다.

이런 방법을 사용하는 이유는 사용자에게 혼란을 주지 않기 위한 것이로 예전부터 사용해 온 방식입니다.

 

 

예시

'제출(Submit) 버튼'은 'Context'의 내용을 입력하거나 변경하는 양식에 사용됩니다.

 

 

관련기술

H32: 제출 버튼 제공하기

H84: 선택 요소가 있는 버튼을 사용하여 작업 수행

 

 

점검절차

1. 'Context'의 모든 양식을 찾는다.

2. 각 양식에 '제출(Submit) 버튼'이 있는지를 확인한다.

 

 

---

 

나의 정리

먼저 여기서 말하는 '양식(Form)', 'Context', '제출(Submit) 버튼'이 무엇인지 알아봅시다.

 

'양식(Form)'은 <form>태그를 말합니다. <form>태그는 서버에 보낼 데이터 양식을 제공하는 영역입니다.

위에서 말하는 'Context'는 <form>태그 안에 들어가는 문맥, 즉  <input type="text">, <input type="password">, <textarea> 이렇게 사용자가 데이터를 입력하거나 수정할 수 있는 태그들을 말합니다.

'제출(Submit) 버튼'은 누렀을 때 사용자가 'Context'에 입력한 데이터를 <form>태그에서 지정한 경로로 보냅는 역활을 합니다.

즉 '제출(Submit) 버튼'을 누르기 전까지는 아무일이 없다가 이 버튼을 누르면 입력한 내용들이 서버로 전달된다는 것입니다

 

위에서 말한 형식은 게시판 글쓰기, 로그인, 댓글 쓰게 할 때 많이 보셨을 것입니다.

이런 형식이 사용자가 정보를 입력하거나 수정할 때 사용되는 이유는 초기 때부터 지금까지 이렇게 사용되어 왔기 때문입니다. 그래서 사용자들은 'Context'옆에 '제출(Submit) 버튼'이 있으면 뭔가를 입력하거나 수정할 수 있다는 것을 직감하고 내용을 다 적은 다음에 '제출(Submit) 버튼'을 누릅니다.

---

G80: Providing a submit button to initiate a change of context

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

G80: Providing a submit button to initiate a change of context | Techniques for WCAG 2.0