운용의 용이성

내용이 전달되는 것과 기능이 조작되는 것은 다른 문제입니다. 읽히기만 하고 눌리지 않으면 화면은 여전히 쓸 수 없습니다.

페이지덱의 공유 화면이 그 상태였습니다. 이미지마다 설명을 붙였고 글자와 배경의 밝기 차이도 기준을 넘겼습니다. 그런데 권한을 고르는 드롭다운이 마우스로만 열렸습니다. 키보드만 쓰는 사용자는 문서 제목까지는 읽고도 공유를 끝내지 못했습니다. 감각으로 받아들이는 쪽 항목은 다 통과했는데 그 화면으로 할 수 있는 일이 없었습니다.

웹 접근성의 국제 표준 지침인 WCAG가 원칙을 넷으로 나눌 때 조작 가능성을 따로 떼어 둔 이유가 여기 있습니다. 기계에 제대로 전달되는지를 보는 견고성이나 감각으로 받아들일 수 있는지를 보는 인식의 용이성과 달리, 이 원칙은 사람이 손을 대서 끝까지 갈 수 있는지만 봅니다.

원칙 아래에는 참과 거짓을 가릴 수 있는 문장들이 달려 있습니다. 실무에서 자주 걸리는 것은 넷입니다.

1. 마우스 없이 모든 기능에 닿을 수 있어야 합니다. 탭으로 옮기고 엔터로 실행하고 화살표로 목록을 오가는 길을 만드는 일을 키보드 내비게이션이라 부릅니다. 직접 만든 드롭다운과 모달이 가장 자주 빠지는 자리입니다.
2. 지금 선택된 자리가 눈에 보여야 합니다. 그 표시가 포커스 링이고, 지저분해 보인다고 지우면 그 순간 항목 하나가 미달이 됩니다. 키보드만 쓰는 사람은 자기가 어디에 서 있는지 모르는 채로 엔터를 누르게 됩니다.
3. 시간 제한이 걸린 화면은 시간을 늘릴 수단을 줘야 합니다. 20분 뒤에 자동으로 로그아웃되는 화면이라면 남은 시간을 알리고 연장할 버튼을 둡니다.
4. 1초에 세 번 넘게 번쩍이는 화면을 만들지 않습니다. 빠른 점멸이 광과민성 발작을 일으킬 수 있어서 금지된 항목입니다.

손가락이 닿는 영역을 최소 크기 이상으로 확보하라는 항목도 이 원칙 아래 있습니다. 아이콘 그림이 16이라도 누를 수 있는 영역은 44 안팎으로 잡습니다.

점검은 도구 없이도 됩니다. 마우스를 놓고 탭 키만으로 한 흐름을 끝까지 가 봅니다. 닿지 않는 버튼이 하나라도 있으면 그 자리가 미달입니다.

"이 드롭다운 탭으로 안 열려요. 운용 쪽 항목이 미달입니다."

보이기는 하지만 조작 경로가 없다는 지적입니다.

"포커스 링 지우지 마세요. 그거 지우면 바로 걸립니다."

시각적 정돈보다 기준이 앞선다는 말입니다.

"자동 로그아웃 20분이면 연장 버튼이 있어야 해요."

시간 제한 항목을 충족시킬 수단이 빠졌다는 뜻입니다.

페이지덱에서는 태오가 새 화면을 올릴 때 마우스를 쓰지 않고 한 바퀴 돌아 봅니다. 민서는 시안에 포커스 표시를 미리 그려 넣습니다.