이동식 저장소

대체 텍스트는 화면에 직접 보여서는 안 되지만, 스크린 리더는 인식할 수 있어야 한다. 어떻게 할까? 화면에서 숨기라고? /* BAD */ visibility: hidden; display: none; width: 0; height: 0; font-size: 0; line-height: 0; 화면에서 숨겨야 한다는 말에 그만 스크린 리더가 대체 텍스트를 인식하지 못하게 돼버렸다. 곤란하다. 숨기지는 않되 보이지만 않게 하자 /* 그닥.. */ opacity: 0; text-indent: -99999px; z-index: -1; 뭐.. 안 되는 건 아니지만 예상하지 못한 문제가 발생할 수 있다. ``opacity: 0``를 사용하면 텍스트가 투명해지긴 하지만 페이지에서 공간을 차지하고 있으며, 텍스트의 투..