마크업을 진행하다보면 아이콘을 CSS로 그리거나, 이미지로 표현하는 경우가 있다. 중요한 의미를 담고 있는 아이콘일 경우, 스크린리더 사용자들을 위해 아이콘의 대체 텍스트를 넣어주는 것은 중요하다. 그렇다면 대체 텍스트를 어떻게 넣어주는 것이 좋을까? 1. 태그 안에 대체 텍스트를 넣어주기 [HTML] 더보기 [CSS] .icon_arrow { ... } .blind { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; } 첫 번째는 태그를 만들어 그 안에 대체 텍스트를 표현한 후, 텍스트 숨김을 처리하는 스타일을 넣는 방식이다. 주로 blind 클래스와 같은 스타일을 넣어서 텍스..