쓸만해보이는 태그, 속성들 (메모용)

태그

 

Map tag

 

HTML <map> 요소는 <area> 요소와 함께 이미지 맵(클릭 가능한 링크 영역)을 정의할 때 사용

 

https://developer.mozilla.org/ko/docs/Web/HTML/Element/map

 

속성 

role

 

<!-- role example -->
<li role="menuitem">Open file…</li>

Role 은 HTML 요소의 역할을 약속

기본 tag만으로 해당 요소의 역할을 정의하기 어려울때 사용

 

        <div role="button">Place Order</div>

해당 <div>의 작성자가 버튼에 기대되는 키보드 인터랙션을 제공하는 JavaScript도 구현했다는 약속

(반대로 아래에서 설명할 ARIA 역할(role)은 브라우저가 키보드 동작이나 스타일링을 제공하지 않습니다.)

 

 

area 계열

 

속성 (Property) 는 해당 요소의 특징이나 상황을 정의하며 aria- 라는 접두사를 사용

 

 

 

aria-label

<button aria-label="menu" class="button"></button>

aria-label 은 우리가 흔히 알고 있는 Label 목적을 위한 속성

특정 요소에 대한 설명을 그대로

 

 

... 공부하는대로 계속 업데이트중 

 

 

CSS들 

 

https://www.notion.so/css-851342264b4c4bde9f96a6f8f8e765bf

 

 

 

 

reference

 

https://bcp0109.tistory.com/348

웹 접근성과 WAI-ARIA

https://mulder21c.github.io/aria-practices/

WAI-ARIA 작성 방법 1.2