PLATON

표의 정렬 화살표만 바뀐다면, 행 순서와 실제 기준을 대조합니다

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

자료 목록에서 날짜 제목을 눌렀는데 화살표만 바뀌고 순서는 그대로일 수 있습니다. 순서는 바뀌었지만 제목 옆의 다운로드 링크가 다른 자료를 여는 경우도 있습니다. 표 정렬 검수는 위아래 화살표보다 실제 순서와 행 정보의 연결을 확인하는 일입니다. 정렬 기준이 무엇인지, 어느 범위의 자료가 정렬되는지부터 정리합니다.

정렬 가능한 열과 값의 의미를 정합니다

모든 열에 정렬 기능이 필요한 것은 아닙니다. 자료명, 등록일, 수량처럼 정렬을 제공하는 열을 정하고 방문자가 그 사실을 알아볼 수 있는지 확인합니다. 일반 머리글과 정렬 버튼이 같은 모양이라면 눌러야 할 곳을 찾기 어려울 수 있습니다. 한 번 누를 때 어떤 방향으로 바뀌는지도 실제 동작으로 확인합니다.

W3C의 정렬 가능한 표 예시는 정렬할 수 있는 열의 머리글에 버튼을 두고, 현재 정렬된 열의 상태를 aria-sort로 전달합니다. 이는 구현 예시이며 실제 서비스에서 사용하기 전 브라우저와 보조기술 조합으로 시험해야 한다고 설명합니다. 정렬 가능한 표 예시 예시를 참고하되 속성을 복사했다는 사실만으로 검수를 대신하지 않습니다.

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

숫자와 날짜가 뜻에 맞게 배열되는지 봅니다

숫자로 보이는 값을 문자 순서로 비교하면 기대와 다른 결과가 나올 수 있습니다. 가정으로 수량 2개, 10개, 3개를 오름차순으로 표시한다면 2개, 3개, 10개 순서인지 확인합니다. 이 수량은 정렬 검수용 예시이며 실제 홈페이지 자료가 아닙니다. 단위 표시나 쉼표가 붙어도 값의 의미에 맞는 순서인지 시험합니다.

날짜도 화면의 문자열만 보고 판단하지 않습니다. 연도가 다른 자료와 월·일이 다른 자료를 섞어 최신순과 과거순을 각각 확인합니다. 날짜 형식이 여러 종류로 섞여 있다면 개발 담당자에게 실제 비교 기준을 확인합니다. 값이 없는 행을 처음이나 마지막 중 어디에 둘지도 정하고 안내된 동작과 맞는지 봅니다.

같은 값이 반복되는 경우에는 무엇을 다음 기준으로 삼는지 확인합니다. 순서가 달라졌다는 사실만으로 오류를 확정하지 않고 적용한 규칙을 먼저 봅니다. 검수 중 자료가 갱신됐다면 데이터 변화와 정렬 오류를 구분할 수 있도록 시험 시점과 자료 범위를 기록합니다.

기준 / 정렬 가능한 열과 값의 의미 확인 · 방향 / 표시와 실제 순서 대조 · 행 / 제목·날짜·링크가 함께 이동하는지 · 전달 / 키보드 조작과 정렬 상태 확인
플라톤마케팅 검수 제안 · W3C Sortable Table 참고 · 2026-10-26

정렬 후에도 한 행의 정보가 함께 움직여야 합니다

자료명과 날짜가 정상으로 보이더라도 행 안의 상세 링크나 첨부 파일이 다른 자료에 연결될 수 있습니다. 정렬 전에 식별 가능한 행을 고른 뒤 정렬 후에도 제목, 날짜, 상태와 링크가 같은 자료를 가리키는지 대조합니다. 버튼을 눌렀을 때 실행되는 대상까지 확인해야 합니다.

전체 자료를 정렬하는지 현재 화면에 표시된 행만 정렬하는지도 구분합니다. 페이지가 나뉜 표에서 현재 페이지의 순서만 바뀌는데 전체 최신순으로 이해될 수 있다면 기능과 문구를 함께 검토합니다. 필터를 적용한 뒤 정렬할 때에도 선택 조건이 유지되는지 확인합니다. 화면의 행 수만 같다고 동일한 자료 집합이라고 판단하지 않습니다.

회의 테이블에서 각자 노트북 자료를 검토하는 플라톤마케팅 구성원들
정렬 표시와 행 순서를 대조합니다. 회의 참고 사진 · 플라톤마케팅 · 자사 촬영.

정렬 상태를 읽고 다시 바꿀 수 있는지 확인합니다

키보드로 정렬 버튼에 도달하고 실행할 수 있는지 시험합니다. 현재 정렬 열과 방향이 화면뿐 아니라 보조기술에서도 전달되는지 봅니다. W3C 예시는 정렬 열이 바뀌면 이전 열에서 aria-sort를 제거하고 새 정렬 열에 상태를 설정합니다. 여러 열에 이전 상태가 남아 서로 다른 설명을 전달하지 않는지 확인합니다.

화살표가 현재 순서를 뜻하는지 다음에 적용될 동작을 뜻하는지도 문구와 함께 살펴봅니다. 상태와 행동이 섞이면 같은 아이콘을 보고 반대로 이해할 수 있습니다. 색이나 크기 차이만으로 정렬 가능 여부를 표시하는 경우에는 구분이 충분한지 검토합니다. 초점 표시가 보이는 것과 실제 정렬 상태가 맞는 것은 각각 확인해야 합니다.

수정 요청에는 정렬 전 자료, 누른 열, 기대한 방향, 실제 순서와 잘못 연결된 행을 기록합니다. 기능을 고친 뒤에는 다른 열로 바꾸었다가 원래 열로 돌아오는 흐름도 시험합니다. 정렬 완료의 기준은 버튼 반응이 아니라 방문자가 의도한 순서로 같은 자료를 읽고 사용할 수 있는지입니다.

출처 확인일: 2026-10-26. 본문의 수량과 시험 상황은 설명용 가정이며 전체 접근성이나 실제 데이터 정확성을 인증한 결과가 아닙니다.

긴 테이블에 마주 앉아 논의하는 플라톤마케팅 구성원들
조작 후 데이터 연결과 상태를 확인합니다. 회의 참고 사진 · 플라톤마케팅 · 자사 촬영.

이 글과 이어지는 주제

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

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