사용할 때
아이콘만 있는 버튼처럼 화면에 보이는 요소만으로 뜻이 충분하지 않을 때 사용합니다.
중요한 상태나 본문 자체를 감추기 위한 용도로 쓰지 않습니다. 시각적 label이 가능하면 그쪽이 우선입니다.
접근성
이 helper 하나로 버튼이나 입력 요소의 접근성이 모두 해결되는 것은 아닙니다.
키보드 경로, focus-visible, role, disabled/loading behavior 등은 해당 component contract를 그대로 지켜야 합니다.
기능
텍스트를 시각적으로 숨기되 접근성 트리에서는 유지합니다.
는 absolute positioning, clipping, nowrap을 함께 사용합니다. 단순 display:none 대체가 아닙니다.