이미지 대체텍스트 내용이 많을때

Question

이미지 대체텍스트 내용이 많을때 스크린 리더기에서만 그 내용이 읽히게 하려고 span&#61;&#34;hide&#34;속성을 넣어서 그 안에 내용을 넣었는데스크린 리더기에 안읽히더라고요..그래서 바깥에 a태그로 감쌌는데 이렇게 코딩 하는게 맞을까요..?

doru · Answer

hide속성을 넣거나 css에서 display:none을 하게되면 마크업상에서 아예 사라집니다. 따라서 리더기에서 읽을수 없지요.해당 span태그에 display:inline-block;position: absolute;left:999999px;opacity: 0; 이런식으로 css로 숨기는걸 권장합니다. 웹접근성때문에 그러시는거같은데 a태그보단 span태그를 쓰는게 더 나을겁니다. a태그같이 확실한 용도가 있는 태그의 경우 가능하면 용도에 맞게 쓰는걸 권장합니다.

이미지 대체텍스트 내용이 많을때

1개의 답변

기술 목록