[HTML] aria-hidden

aria-hidden

아이콘에 추가 aria-hidden="true"하면 아이콘 문자가 액세스 가능한 이름에 포함되지 않도록 숨긴다.

ex)

<button>
  <span class="fa fa-tweet" aria-hidden="true"></span>
  <span class="label">
    Tweet
  </span>
</button>

 

false

요소는 렌더링된 것처럼 접근성 API에 노출됨.

true

요소가 접근성 API에서 숨겨져 있음.

undefined(기본)

요소의 숨겨진 상태는 렌더링 여부에 따라 사용자 에이전트에 의해 결정.

 

 

 

출처 : https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-hidden

aria-hidden - Accessibility | MDN