본문 바로가기
HTML, CSS

aria 속성 정리

by beop07 2023. 6. 21.

개인저장용

 

aria-labelledby: 요소의 레이블을 지정합니다. 관련된 레이블 요소의 id 값을 참조합니다.
aria-label: 요소의 명시적인 레이블을 제공합니다. 텍스트로 된 레이블을 직접 지정합니다.
aria-describedby: 요소와 관련된 추가 설명을 제공합니다. 설명 요소의 id 값을 참조합니다.
aria-required: 요소가 필수 입력 필드임을 나타냅니다.
aria-disabled: 요소가 비활성화되었음을 나타냅니다.
aria-expanded: 접힘/펼침 상태를 나타냅니다. 확장 가능한 요소에 사용됩니다.
aria-hidden: 요소가 시각적으로 보이지 않음을 나타냅니다.
aria-selected: 선택된 요소를 나타냅니다. 선택 가능한 요소에 사용됩니다.
aria-live: 동적으로 변경되는 콘텐츠를 실시간으로 알리는 역할을 합니다.
aria-pressed: 토글 상태를 나타냅니다. 토글 버튼과 같은 요소에 사용됩니다.

aria-invalid: 폼의 유효성 상태를 나태는 속성

 

반응형

'HTML, CSS' 카테고리의 다른 글

css flex ellipsis 해결법  (1) 2021.05.10
하위 브라우저에서 시멘틱 태그 사용 방법  (0) 2021.03.22

댓글