성공기준 이해 2.4.6:제목과 레이블 (Level AA)

요약

목표

페이지의 콘텐츠는 제목과 레이블로 설명된다.

할 일

설명적 제목과 라벨을 제공하라.

중요성

특히 인지 장애나 시각 장애가 있는 사람들은 스스로 방향을 정할 수 있다.

의도

이 성공 기준의 목적은 사용자가 웹 페이지에 포함된 정보와 해당 정보가 어떻게 구성되어 있는지 이해하도록 돕는 것이다. 제목이 명확하고 설명적이면 사용자는 원하는 정보를 더 쉽게 찾을 수 있고 콘텐츠의 여러 부분 간의 관계를 더 쉽게 이해할 수 있다. 설명적 레이블은 사용자가 콘텐츠 내의 특정 구성 요소를 식별하는 데 도움이 된다.

레이블과 제목은 길 필요가 없다. 콘텐츠를 찾고 탐색하는 데 적절한 단서를 제공하는 경우 단어 또는 단일 문자로도 충분할 수 있다.

이 성공 기준에서 제목이나 레이블이 필수적인 것은 아니다. 이 성공 기준에서 제목이나 레이블이 제공되는 경우 설명적이어야 한다. 또한 이 성공 기준은 제목이나 레이블 역할을 하는 콘텐츠가 올바르게 표시되거나 식별되도록 요구하지 않는다. 이 측면은 1.3.1: 정보와 관계에서 별도로 다룬다. 콘텐츠가 이 성공 기준(제목이나 레이블 역할을 하는 설명 콘텐츠 제공)을 통과하는 반면 성공 기준 1.3.1(제목이나 레이블이 올바르게 표시/식별되지 않은 경우)에 실패할 수 있다. 반대로, 콘텐츠가 성공 기준 1.3.1(제목이나 레이블이 올바르게 표시되거나 식별된 경우)을 통과하지만 이 성공 기준에 실패할 수도 있다(해당 제목이나 레이블이 충분히 명확하지 않거나 설명적이지 않은 경우).

또한 레이블의 경우 이 성공 기준은 양식 컨트롤 및 입력에 대해 접근 가능한 이름을 제공하는 대체 방법이 사용되었는지 여부를 고려하지 않는다. 이 측면은 4.1.2: 이름, 역할, 값에서 별도로 다룬다. 컨트롤과 입력이 적절하게 접근 가능한 이름을 갖고(예: aria-label="…" 사용) 성공 기준 4.1.2를 통과할 수 있지만 여전히 이 성공 기준에 실패할 수 있다(레이블이 충분히 명확하지 않거나 설명적이지 않은 경우).

이 성공 기준은 레이블 사용이 필수적이지는 않다. 그러나 레이블이 있는 경우 충분히 명확하거나 설명적이어야 한다. 레이블 사용에 대한 자세한 내용은 3.3.2: 레이블 또는 지시문을 참조하라.

이점

• 설명적 제목은 읽기 속도가 느린 장애가 있는 사용자와 단기 기억력이 제한된 사용자에게 특히 유용하다. 섹션 제목을 통해 각 섹션에 포함된 내용을 예측할 수 있으면 이런 사람들에게 도움이 된다.
• 입력할 것으로 예상되는 콘텐츠를 명확하게 설명하는 레이블이 있는 양식 입력 컨트롤은 사용자가 양식을 성공적으로 완료하는 방법을 알 수 있도록 도와준다.
• 제목과 레이블이 1.3.1: 정보와 관계에 따라 올바르게 표시되고 식별되면, 이 성공 기준은 화면 낭독기를 사용하는 사람들에게 도움이 된다. 예를 들어 자동 생성된 제목 목록, 목차 또는 페이지 내에서 제목과 제목 사이를 이동할 때, 레이블과 제목이 다른 형식으로 더 명확하게 제시되기 때문이다.

예제

뉴스 사이트

뉴스 사이트의 홈 페이지에는 해당 시간의 주요 뉴스 헤드라인이 나열된다. 각 제목 아래에는 기사의 처음 35개 단어와 전체 기사에 대한 링크가 있다. 각 헤드라인은 기사 주제에 대한 명확한 아이디어를 제공한다.

글을 잘 쓰는 방법에 대한 안내서

글쓰기 안내서에는 잘 쓰는 방법, 쓸모 없는 단어 잘라내기, 불필요한 단어 식별 등의 섹션 제목이 포함되어 있다. 섹션 제목은 명확하고 간결하며 정보의 구조가 제목 구조에 반영된다.

다양한 기사의 일관된 제목

웹사이트에는 학술대회의 논문이 포함되어 있다. 학술대회에 제출하려면 요약, 소개, [이 기사에 고유한 다른 섹션], 결론, 저자 약력, 용어집 및 참고문헌 구성이 필요하다. 각 웹 페이지의 제목은 포함된 기사를 명확하게 식별하여 기사의 고유성과 섹션 제목의 일관성 사이에 유용한 균형을 만든다.

사용자 이름을 묻는 양식

양식에서 사용자의 이름을 묻는다. 이름과 성을 묻는 두 개의 입력 필드로 구성된다. 첫 번째 필드에는 이름이라는 레이블이 지정되고 두 번째 필드에는 성이라는 레이블이 지정된다.

관련 자료

자료는 정보 제공 목적으로만 제공되며 보증을 암시하지 않는다.

• How Users Read on the Web A study showing that most users scan Web pages rather than reading them word by word.
• Applying Writing Guidelines to Web Pages A report on the effects of making Web sites concise, easy to scan, and objective.

기법

이 섹션에서 번호가 매겨진 각 항목은 WCAG 실무 그룹이 이 성공 기준을 충족하기에 충분하다고 간주하는 기법 또는 기법의 조합을 나타낸다. 그러나 이러한 특정 기법을 사용할 필요는 없다. 다른 기법 사용에 대한 자세한 내용은 WCAG 성공 기준에 대한 기법 이해, 특히 "기타 기법" 섹션을 참고하라.

점검 규칙

다음은 이 성공 기준의 특정 측면에 대한 점검 규칙이다. WCAG 준수 여부를 확인하기 위해 이러한 특정 점검 규칙을 사용할 필요는 없지만 이것은 정의되고 승인된 검사 방법이다. 점검 규칙 사용에 대한 자세한 내용은 WCAG 성공 기준에 대한 점검 규칙 이해를 참고하라.

• Form field label is descriptive
• Heading is descriptive