본문 바로가기
A11YKR Docs

1.3.2 의미있는 순서

(Level A)

요약

Section titled “요약”
목표
콘텐츠의 순서를 더 많은 사람들이 이해할 수 있다.
할 일
코드를 통해 콘텐츠의 의미 있는 순서를 유지한다.
중요성
보조 기술이 사용자에게 적절한 순서로 콘텐츠를 제시할 수 있다.

의도

Section titled “의도”

이 성공 기준의 의도는 사용자 에이전트로 하여금 콘텐츠의 대체 표현을 제공할 때 의미를 이해하는데 필요한 읽기 순서를 유지하는 것이다. 의미 있는 콘텐츠의 순서를 적어도 한 가지 이상의 프로그래밍 방식으로 판별할 수 있는 것이 중요하다. 이 성공 기준을 충족시키지 못하는 콘텐츠는 보조 기술이 잘못된 순서로 읽거나, 대체 스타일 시트나 다른 포맷 변경사항이 적용되어서 사용자를 헷갈리거나 혼란스럽게 할 수 있다.

순서가 의미있다는 것은 콘텐츠의 순서를 바꾸면 그 의미에 영향을 주는 경우를 말한다. 예를 들어, 한 페이지에 서로 독립적인 두 개의 기사가 있는 경우, 이 기사들의 상대적인 순서는 의미에 영향을 주지 않는다. 단, 서로 얽혀 있는 내용이 아니라면 말이다. 이런 상황에서 각각의 기사 자체는 의미 있는 순서를 가질 수도 있지만, 기사를 담고 있는 컨테이너는 의미 있는 순서를 갖지 않을 수 있다.

어떤 요소의 의미는 콘텐츠가 의미 있는 순서인지 여부를 정의한다. 예를 들어 HTML에서는 텍스트는 항상 의미 있는 순서를 갖는다. 표(table)와 순서 있는 목록(ol)은 의미 있는 순서를 갖지만, 순서 없는 목록(ul)은 그렇지 않다.

콘텐츠의 순서가 항상 의미 있는 것은 아니다. 예를 들어, 웹페이지의 본문(main)과 내비게이션(nav) 영역의 상대적인 순서는 의미에 영향을 주지 않는다. 두 영역은 어느 쪽이 먼저 와도 프로그램으로 결정된 읽기 순서에는 문제가 없다. 또 다른 예로, 잡지 기사에 여러 부가적인 콘텐츠가 있는 경우, 기사와 부가적인 콘텐츠의 순서가 의미를 바꾸지는 않는다. 이런 경우에는 여러 가지 다른 읽기 순서가 있더라도 성공 기준을 충족할 수 있다.

명확히 하자면,

  • 특정한 선형 순서를 제공해야 하는 경우는 그것이 의미에 영향을 줄 때뿐이다.
  • (WCAG 2 정의에 따르면) “올바른” 순서는 둘 이상일 수 있다.
  • 올바른 순서는 하나만 제공하면 된다.

이점

Section titled “이점”
  • 이 성공 기준은 콘텐츠를 소리내어 읽는 보조 기술에 의존하는 사람에게 도움이 될 수 있다. 기본 표현에서 정보가 배열된 순서에 담긴 의미가, 음성 형태로 제시할 때도 동일하게 전달될 것이다.

예제

Section titled “예제”
  • 예제 1: 여러 단으로 구성된 문서에서, 콘텐츠의 선형적인 표현은 첫 번째 단의 위에서 아래로 내려간 다음, 그 다음 단의 위에서 아래로 이어진다.
  • 예제 2: CSS로 내비게이션 바, 주요 기사, 그리고 보조 기사를 배치한 경우, 시각적으로 보이는 순서와 프로그램적으로 판별되는 순서가 일치하지 않을 수 있다. 하지만 페이지의 의미가 섹션들의 순서에 의존하지 않으면 문제가 되지 않는다.

기법

Section titled “기법”

이 섹션의 각 번호가 매겨진 항목은 접근성 지침 실무 그룹이 이 성공 기준을 충족하기에 충분하다고 판단하는 기법 또는 기법의 조합을 나타낸다. 기법은 기준의 최소 요구 사항을 넘어설 수 있다. 이러한 기법에서 포괄하지 않은 기준 충족의 다른 방법이 있을 수 있다. 다른 기법 사용에 대한 정보는 WCAG 성공 기준에 대한 기법 이해, 특히 “기타 기법” 섹션을 참조하라.

충분 기법

Section titled “충분 기법”

오류

Section titled “오류”

다음은 접근성 지침 실무 그룹에서 이 성공 기준의 실패로 간주하는 일반적인 실수이다.

의견 남기기