노무·행정 안내의 상담 버튼을 잘못 건드렸을 때 손가락을 떼기도 전에 다른 화면이 열리면, 버튼을 옮기는 것만으로는 문제가 남을 수 있습니다. 독자가 누르기 시작한 순간과 실행을 끝내는 순간을 구별할 수 있는지 살펴야 합니다. 원하는 버튼이 아니라는 것을 알아챈 뒤 손을 바깥으로 옮겨 실행을 그만둘 기회가 있는지가 이번 점검의 질문입니다.
W3C의 포인터 입력 취소 설명은 손가락이나 마우스로 시작한 동작을 실수로 실행하지 않도록 하는 방법을 다룹니다. 일반적인 선택 동작에서는 누르기 시작할 때 곧바로 실행하는 대신 놓을 때 실행하도록 구성하면, 놓기 전에 대상을 벗어나 취소할 수 있습니다. 이 기준에는 다른 충족 방식과 예외도 있으므로 모든 화면 동작에 하나의 규칙을 기계적으로 적용하는 설명으로 읽어서는 안 됩니다.
가상의 사무소 시험 화면에 상담 안내를 여는 버튼이 있다고 해 보겠습니다. 손가락을 버튼 위에 댄 채 아직 떼지 않았는데 창이 열렸다면 실행 시점을 기록합니다. 다음에는 누른 상태로 손가락을 버튼 밖으로 옮기고 그곳에서 뗍니다. 이때에도 창이 열리는지 확인합니다. 마지막으로 버튼 안에서 정상적으로 눌렀다 떼어 의도한 실행이 가능한지 대조합니다. 세 동작은 같은 위치에서 시작해도 끝내려는 의도가 다릅니다.
관찰한 결과를 ‘버튼이 예민하다’고만 전달하지 않습니다. 누르기 시작할 때 열렸는지, 밖에서 손을 뗐는데 열렸는지, 안에서 손을 떼었을 때 정상 실행됐는지를 구분합니다. 버튼 이름과 휴대전화 환경도 함께 남기면 개발 담당자가 어느 입력 단계에 실행이 연결됐는지 확인할 수 있습니다. 글 작성자는 작동 원인을 확인하기 전에 간격이나 손가락 크기 때문이라고 단정하지 않습니다.
본문을 위아래로 움직이는 동작도 따로 살핍니다. 상담 버튼 근처에서 글을 넘겨 읽으려다 버튼에 닿았을 때, 화면 이동을 이어가는 중 상담 창이 먼저 열리는지 보는 것입니다. 버튼 사이의 여백이 충분해도 실행 시점이 빠르면 취소하기 어려울 수 있습니다. 반대로 위치가 겹치는 문제를 발견했다면 그것도 별도 수정 사유로 남깁니다. 취소 동작을 고쳤다는 이유로 배치 문제까지 해결됐다고 기록하지 않습니다.
W3C의 G212 기법은 기본 제공되는 조작 요소를 사용해 놓는 동작에서 실행되도록 하는 방법과, 대상을 벗어난 뒤 놓아 취소하는 시험을 제시합니다. 개발 담당자는 현재 상담 링크나 버튼이 어떤 방식으로 만들어졌는지 확인해 수정안을 선택할 수 있습니다. 수정 후에는 밖에서 놓아 취소하는 경우뿐 아니라 정상 선택과 키보드 실행도 확인해, 실수를 막으려다 원하는 동작까지 막지 않았는지 봅니다.
전화 발신이나 문의 전송을 실제로 일으키는 화면에서는 승인된 시험 환경과 안전한 확인 범위를 먼저 정합니다. 검수를 위해 외부 사무소에 전화를 걸거나 고객의 자료를 보내지 않습니다. 상담 안내 창이 열린 사실과 접수가 완료된 사실도 별도로 기록합니다. 여기서 확인할 수 있는 결과는 독자가 잘못 시작한 터치에서 물러날 수 있는지이며, 클릭 감소를 곧바로 문의 감소나 성과 하락으로 해석할 근거는 아닙니다.
참고: W3C WAI, Pointer Cancellation https://www.w3.org/WAI/WCAG22/Understanding/pointer-cancellation ; G212 https://www.w3.org/WAI/WCAG22/Techniques/general/G212