clip속성을 이용한 접근성 obj_hidden 처리하기

clip 사용, 접근성 숨김처리

접근성 마크업을 하면서 css 스타일 또한 중요한데 텍스트를 숨김처리하는 동시에 스크린리더기에서만 읽게 하도록 하는 방법 중 clip속성을 이용하여 스타일링 한 방법.

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

Jaehee's WebClub