PLATON

오른쪽 버튼을 누르라는 안내, 화면 배치가 바뀌어도 이해할 수 있나요

플라톤마케팅 사내 원고 회의 기록, 2023년 12월

문의 양식에 오른쪽의 둥근 버튼을 누르라는 설명이 있다고 하겠습니다. 큰 화면에서는 대상을 찾을 수 있지만 휴대전화에서 버튼이 세로로 쌓이면 어느 버튼인지 모호해집니다. 화면을 소리로 탐색하는 사람에게도 모양과 위치만으로는 충분한 설명이 되기 어렵습니다. 조작 안내에는 위치나 모양을 보지 않아도 대상을 찾을 수 있는 기능 이름을 함께 제공해야 합니다. 화면에 익숙한 담당자의 시선을 모든 방문자의 조건으로 가정하지 않습니다.

무엇을 보고 대상을 찾도록 하는지 살펴봅니다

안내 문장에서 왼쪽, 오른쪽, 동그란 모양, 큰 버튼처럼 외형을 설명하는 말을 찾습니다. 이런 표현이 있다는 이유만으로 모두 삭제하지는 않습니다. 다른 정보 없이 그 특징만 알아야 조작할 수 있는지 확인합니다. 위치 설명은 도움이 될 수 있지만 유일한 식별 수단인지가 검수의 핵심입니다.

W3C는 콘텐츠를 이해하고 조작하는 설명이 모양, 색, 크기, 시각적 위치, 방향이나 소리 같은 감각적 특징에만 의존하지 않아야 한다고 설명합니다. 위치나 모양의 단서를 다른 정보와 함께 제공하는 것까지 금지하는 기준은 아닙니다. 감각적 특징에 관한 기준 설명 따라서 안내를 고칠 때에는 유용한 단서를 유지하면서 기능을 식별할 정보를 보충합니다.

운영 검수표에는 문제 문장과 그 문장이 가리키는 실제 요소를 함께 적습니다. 본문 설명뿐 아니라 오류 안내, 도움말, 이미지에 들어간 조작 설명도 살펴봅니다. 화면의 버튼 이름이 바뀌었는데 안내 자료에는 옛 위치 설명만 남는 경우를 찾을 수 있습니다.

노트북을 앞에 두고 자료를 설명하는 플라톤마케팅 구성원들
홈페이지 조작 안내 문구를 검토하는 업무의 참고 사진입니다. 회의 참고 사진 · 플라톤마케팅 · 자사 촬영.

실제 화면에 있는 기능 이름으로 연결합니다

가정으로 오른쪽 둥근 버튼이라는 설명 1개를 다음 단계 버튼이라는 이름 중심의 설명 1개로 바꿨다면, 수정 전후 대조할 문장은 2개입니다. 이는 편집 예시이며 실제 사이트의 오류 수가 아닙니다. 바꾼 이름이 화면에 실제로 표시되는지부터 확인합니다. 화면에는 계속이라고 쓰고 도움말에는 다음 단계라고 쓰면 다른 대상을 찾게 할 수 있습니다.

이름을 함께 적는다고 모든 모호함이 사라지는 것은 아닙니다. 같은 이름의 버튼이 여러 영역에 있다면 어떤 질문이나 구역의 기능인지 구분할 문맥이 필요합니다. 화면 위쪽 버튼이라는 위치를 더하는 것만으로 해결하기보다 항목 이름과 수행할 행동을 연결합니다.

아이콘만 있는 기능은 안내 문구와 기능 자체의 이름을 함께 검토합니다. 설명에서는 닫기라고 부르는데 보조기술에는 이름이 전달되지 않으면 해당 요소를 찾기 어려울 수 있습니다. 문장 수정과 요소의 이름 제공은 서로 연결된 작업으로 다루되, 실제로 확인한 범위를 나누어 기록합니다.

찾기 / 위치·모양만 가리키는 설명 확인 · 연결 / 실제 기능 이름을 함께 안내 · 변경 / 화면 폭과 배치 변경 뒤 대조 · 확인 / 설명만으로 대상을 찾는지 검수
플라톤마케팅 검수 제안 · W3C Sensory Characteristics 참고 · 2026-10-26

화면 폭과 표시 조건을 바꿔 안내를 다시 읽습니다

모바일에서 가로로 놓인 카드가 세로로 바뀌거나 일부 메뉴가 접힐 수 있습니다. 안내가 작성된 화면과 다른 배치에서 같은 문장을 따라 해 봅니다. 오른쪽이라는 표현이 더는 맞지 않는지, 설명한 기능이 다른 메뉴 안으로 들어갔는지 확인합니다.

조건부 질문이 나타난 상태도 포함합니다. 추가 입력칸이 생기면 아래쪽 버튼까지의 거리나 순서가 달라질 수 있습니다. 페이지의 처음 상태만 보고 작성한 설명이 현재 상태에서도 대상을 정확히 가리키는지 살펴봅니다. 어떤 상태를 시험했는지 기록하면 문구를 수정한 이유를 다음 담당자가 이해하기 쉽습니다.

위와 아래라는 표현도 무조건 잘못된 것으로 보지는 않습니다. W3C는 언어 관습상 읽기 순서의 앞뒤를 뜻하고 실제 순서와 일치하며 모호하지 않다면 이런 설명을 사용할 수 있다고 밝힙니다. 운영 검수에서는 시각적 배치만 가리키는지, 읽기 흐름에서도 의미가 분명한지 구분합니다.

회의 테이블에서 각자 노트북 자료를 검토하는 플라톤마케팅 구성원들
화면 배치가 달라진 상태의 설명을 확인합니다. 회의 참고 사진 · 플라톤마케팅 · 자사 촬영.

소리나 표시 변화만 기다리라는 안내도 확인합니다

알림음이 들리면 계속하라는 설명이 있다면 소리를 듣지 못하는 상황에서 완료를 알아볼 수 있는지 확인합니다. 화면에 상태 메시지가 있는지, 그 메시지가 어떤 작업의 결과인지 알 수 있는지 봅니다. 소리를 없애라는 제안이 아니라 필요한 의미가 다른 방식으로도 전달되는지 확인하는 절차입니다.

같은 원리로 특정 모양이 나타나면 선택하라는 안내를 검토합니다. 모양이 의미하는 상태나 항목 이름을 함께 설명하고 실제 표시 내용과 대조합니다. 장식적 모양과 조작해야 할 기능이 비슷하면 이름과 문맥을 보강하는 것 외에 화면 구성도 검토할 수 있습니다.

완료 검수에서는 담당자가 설명을 덧붙이지 않은 상태로 문장만 읽고 대상을 찾는 경로를 시험합니다. 지원 대상 화면과 입력 방식을 기록하고, 실제 요소를 실행해 안내한 결과가 나오는지 확인합니다. 문장을 자연스럽게 다듬었다는 편집 기록과 사용자가 대상을 구별할 수 있다는 검수 결과를 나누어 남깁니다.

출처 확인일: 2026-10-26. 문구와 수량은 설명용 가정이며 실제 이용자 시험 결과가 아닙니다. 이 점검만으로 사이트 전체의 접근성 준수를 판정하지 않습니다.

긴 테이블에 마주 앉아 논의하는 플라톤마케팅 구성원들
안내 문구와 실제 기능 이름을 대조합니다. 회의 참고 사진 · 플라톤마케팅 · 자사 촬영.

이 글과 이어지는 주제

이 글에 공감하셨다면, 상담 전에 다른 글도 한 번 보십시오. 저희와 맞는지 먼저 확인하시는 편이 서로에게 낫습니다.

카톡으로 물어보기
카카오톡 상담지금 바로 답변드립니다