레이블(Label)

레이블은 사용자 인터페이스에서 정보의 종류를 설명하거나, 입력 필드와 같은 요소의 목적을 명시하는 데 사용되는 텍스트 요소다. 레이블은 사용자가 인터페이스를 더 쉽게 이해하고 사용할 수 있도록 돕는 요소이다. 라벨이라고도 불린다.

사용 예시

레이블은 폼 입력 필드, 체크박스, 라디오 버튼 등에 많이 사용된다. 예를 들어, ‘이름’, ‘이메일 주소’, ‘비밀번호’ 등의 라벨이 사용자가 입력 필드에 어떤 정보를 입력해야 하는지를 명확하게 알려준다.

주의점

  • 레이블은 간결하고 명확해야 한다. 사용자가 라벨의 의미를 쉽게 이해할 수 있어야 한다.
  • 레이블이 설명하는 요소와 가까이 위치해야 한다. 이는 라벨과 관련 요소 사이의 연관성을 명확하게 표현하는 데 중요하다.
  • 레이블은 접근성을 고려하여 구현되어야 한다. 스크린 리더 등 보조 기술을 사용하는 사용자가 라벨의 정보를 이해할 수 있도록 해야 한다.

참조

WCAG 2.1 : https://www.w3.org/TR/WCAG21/