웹접근성을 위한 텍스트 숨김 처리(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; ..