그래프 이미지의 대체 텍스트에 관한 질문
갤1
그래프 이미지 등 제공해야 할 대체 텍스트 내용이 많을 경우
이미지 하단에 정보를 넣고 visibility:hidden; 을 처리했었습니다.
그런데 이번에 사설기관에 의뢰한 결과에서
대체 텍스트를 제대로 제공하지 못했다고 결과가 나왔습니다.
추후 수정도 번거롭고 해서 숨은대체텍스트로 제공한건데..
꼭 longdesk를 써야 할까요?
고수님들은 어떻게 처리 하세요?
-
아이처럼
저같은 경우는 내용이 너무 긴 이미지는 이미지에 간략한 내용을 주고 아래부분에 더보기 버튼을 만들어 해당페이지로 넘어가게 처리했습니다. 구지 visibility 속성으로 숨기지 않고 별도의 페이지를 생성해서 그 페이지로 링크를 걸어주고 상세페이지에 상세내용을 텍스트로만 처리를 했습니다. 물론 상세페이지 하단에는 기존페이지로 갈 수 있는 링크도 걸어두고요.
-
아론아브라함
그리고 alt가 너무 길어지는 주된 이유는 보통 잘못된 이미지 사용에 있습니다. 이미지를 HTML에 맞게 잘 나눠주면 길이 걱정은 할 필요가 없습니다. 보통 내용을 통째로 통이미지를 써서 그런거죠. 제작방법이 잘못된겁니다.
-
미투리
사실 alt의 글자수 제한 기준은 요즘은 의미가 없습니다. 길다고 처리 못하는 브라우저도 없고요. 텍스트 히든으로 처리한 것은 그 텍스트가 이미지에 대한 대체 텍스트라는 명시적인 의미가 누락되어 있어서 보조기기 입장에서는 접근성이 없습니다.
-
물맑
어~ 그럼 alt에 글자수가 제한되어있는데 아주길경우에는 어떻게 합니까?
정말 도투플라워님 말대로 longdesk 방법밖에는 없는건가요?
보통 텍스트 히든처리하지 않나요?
어떤 방법으로 작업들을 하시는지 궁금합니다~ -
한별
길더라도 alt에 넣습니다. visibility:hidden으로 처리한 것은 접근성이 없습니다.