JayGo 개발 연습장

  • 홈
  • 태그
  • 방명록

Label 1

HTML label 태그 사용하기

태그label 태그는 form의 다양한 요소들에 대한 부가적인 정보를 제공해주는 태그이다. 본래의 목적은 웹 접근성 향상으로, 예를 들어 이라는 인풋 요소가 하나 있을때 해당 요소를 해당 인풋 요소를 설명해주는 텍스트와 함께 label 태그로 감싸주면 스크린 리더기가 해당 input 창이 어떤 역할을 해주는 창인지를 좀 더 잘 인식하고 설명해줄 수 있다. 이메일을 입력해 주세요!시각 장애가 있는 분들이나, 화면을 눈으로 보고 사용하기 어려운 분들은 웹 사용을 위해 스크린 리더기와 같은 도구들에 의존하게 된다. 그런데, 스크린 리더기 입장에서는 input창의 위치만으로 해당 인터랙션 요소가 어떤 의미를 갖는지 파악하는 데 한계가 있을 것이다. 그렇기 때문에, 웹 접근성 측면에서 사용자와의 상호작용을 ..

HTML-CSS 2024.11.17
이전
1
다음
더보기
프로필사진

JayGo 개발 연습장

jaygo-dev 님의 블로그 입니다.

  • 분류 전체보기 (89)
    • HTML-CSS (6)
    • JavaScript (15)
    • React (10)
    • Node (1)
    • Express (0)
    • Web (2)
    • Git-Github (3)
    • 개발 용어-상식 (1)
    • TIL (46)

Tag

react, useState, HTML, common js, Til, 원시 타입, Vite, form 태그, JavaScript, es module, 자바스크립트, jsx, 프로퍼티, CSS, createElement, 티스토리챌린지, 리액트, 오블완, git, 실행 컨텍스트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바