css 배경 이미지 지정 후 대체 텍스트 문의
일본드립
안녕하세요..하코사 고수님들께 문의 좀 드릴려구요.. ㅠ
css 파일에 해당 table 내에 있는 td에 배경 이미지를 지정하고웹 접근성 테스트를 진행 했는데요..의미가 있는 이미지에 대한 대체 텍스트가 없다고 결과가 왔습니다..
예를 들어 FAQ 게시판 경우질문과 답변 앞에 각각 아이콘에 해당하는 이미지를 css에 배경 이미지로 처리 했는데요..여기서 지정한 배경 이미지에 대한 대체 텍스트를 어떻게 지정을 해야할지 모르겠어서요..혹시나 해서 해당 td에 이미지를 넣어 놓고이미지 속성을 display:none;으로 줬는데..장애우 스크린 리더기를 통해서 구분이 안된다고 하더라고요.. ㅠㅠ
이런 경우 웹 접근성에 맞는 코딩 방법이 뭐가 있을런지요??
고수님들의 도움 부탁 드립니다..
-
피네
아.. 정말 감사합니당.. ^^
일단 배경이미지로 지정하는것은 지양해야 하겠네요.. ^^;; -
은송이
현재 상황이 td에 Q나 A와 같이 질문, 답변의 의미를 가지는 이미지를 배경이미지로 넣으신 것 맞는지요?
배경이미지보다는, img src=\경로\ alt=\질문\ 이런식으로 alt를 작성하여 이미지가 가지고 있는 정보를 같이 표기해 주시는 것이 접근성 있는 콘텐츠입니다.
td에 배경이미지를 넣고, span질문/span 요런 텍스트를 display:none을 한 경우라면,
display:none은 단순히 시각적으로 콘텐츠가 없다는 것을 보여주는 -
햇님
물론 이미지를 넣을때
img src=\경로\ alt=\\ /
이런 식으로 넣었는데요..
css에 위에 넣은 이미지를 \display:none;\으로 해서 화면상에는 안보이게 했거든요..
물론 연결된 css 파일을 제거하면 이미지는 보이는데요..
이 방법이 장애우 대응 리더기에서는 좋은 방법이 아니라고 해서요..
아무튼 살펴봐 주셔서 너무 감사합니당.. ^^ -
우울녀
img 테그에 alt 를 빈값이라도 넣어야 할거같습니다.
img src=\경로\ alt=\\ /
이런 식으로요..