웹접근성을 위한 텍스트 숨김 처리(blind text)
·
👩🏻‍💻STUDY/Publishing
사용이유! display: none 이 아닌 접근성을 고려해 숨김처리한다. .hide { position: absolute; top: -9999px; left: -9999px; text-index: -9999px; width: 1px; height: 1px; } 위와 같은 경우 접근성에 문제를 일으킨다. text-indent의 경우, 앵커태크()나 html5에서 대화형 요소들에서 초점을 document 밖에 잡아버리는 문제점이 있다. 보이지 않는 곳에 초점이 나가는 것은 접근성에 위반되므로, 숨김텍스트를 사용하고자 할 때 부적합하다. .blind { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect..