i

홈페이지제작시에..

서브페이지에 들어가는 회사소개나 조직도, 회사연혁등의 페이지를 코딩이 아닌 통이미지로 넣게 되면,
이것또한 접근성에 어긋나는건가요.
이제껏 통이미지로 디자인해서 올려왔는데 접근성에 맞춰서 코딩으로 바꿔야 하는건지 궁금하네요.
|

댓글 17개

통이미지는 구 홈페이지 만들때 많이 쓰였는데 통이미지는 지금 웹브라우저에서도 잘보여요 그런데 글자 복사 하거나 그럴때.. 웹접근성으로 만든다면 이미지와 글자를 따로 분리 해야겠죠
접근성에 맞추려면 통이미지만 넣으면 안됩니다.^^
통이미지도 상관은 없는데 이미지가 뜨지 않을 시에 뜰 대체텍스트는 함께 넣어주셔야해요 ㅎㅎ
흠 코딩으로 하려니 적응이 안되네요 ㅎㅎ.
접근성에 맞추려면 해당 이미지를 통짜로 올리신 후 alt 쪽에 "회사 연혁에 관련된 이미지 입니다. 자세한 것은 아래의 글을 확인해 주시길 바랍니다." 라는 식으로 한 후,
아래쪽에 화면에 보이지 않게 설정 html 글자 코딩을 넣으면 ㅇ.. 안되려나요.
방금 옆자리 팀장님께 여쭤봤습니다.


img 태그 속성 중 longdesc 라는 속성이 있습니다. alt 속성 대신에 쓰는 것으로,

html 파일에다가 img 에 들어가는 내용을 작성 합니다. 이 작성한 html 파일을 longdesc 속성에다 링크로 걸어 주시면 됩니다 :D

저도 처음 알았네요. 덕분에 팀장님께 여쭤 보고 새로운걸 알았습니다.
사족을 붙이자면 longdesc 는 html5 에서는 없어졌어요.
그리고 이미지 파일 외 별도 설명용 파일을 관리해야 돼서 유지/보수 할 때 쫌 짜증난다고 하더라구요. :)
헐 진짜요?
이럴수가, 팀장님 실몽 ㅜㅜㅜㅜ !!!
통으로 하셔도 됩니다. 근데 코딩하실 때 img 보다는 background 로 처리하시고 대체텍스트를 뒤에 깔아주시는게 alt 쓰시는 것보다 좋을 겁니다. ir 기법이라는 건데요. css off img off 모두 잘 뜨구요. 특히 텍스트전용브라우저에서도 잘 뜹니다. ㅎㅎㅎ

http://www.mezzoblue.com/tests/revised-image-replacement/ 저는 Gilder/Levin Method 를 추천합니다.
으악 이건 저도 써먹었던 방법인데 !! 백그라운드로 깔아 주고 안에 있는 글자들은 모두 text-indent: -999px 로 빼거나 혹은 hidden 시켜 버리는 방법 쓰다가 이거 써봣는데 이게 더 괜찮더라구요

그런데 페이지 별로 CSS 짜는게 귀찮아 져서.. ()
좀 많이 귀찮죠. :)
그누보드4s 나 그누보드4 영카트4 메인 페이지에 요거가 적용되어 있어요.
앗 정말이네요!
이거 쓸때 각 페이지 별 id 값 받아 와서 일일이 css 로 지정해 줘야 해서 저도 왠만큼 신경 써서 하는 곳 아니면 그냥 이미지에 alt 쓰고 말아요 요즘ㅇㄴ...

새삼 다시 SIR 소스 보니 세세하게 신경 쓴 곳이 많아 감탄하고 있습니다.
SIR 한창 접근성 공부하면서 만들어서... 고칠 곳이 한 두군데가 아니에요. ㅠㅠㅠ
그래도 칭찬은 감사합니다. 역시 퍼블리셔 맘은 퍼블..아니 팔방미인이 알아주는 군요. :)
퍼블리셔는 퍼블퍼블 하고 웁니다.
잘하면 조만간 저도 완전 퍼블리셔 쪽으로 갈지도 모르겠네요..!!!!

회사에 주기적으로 요청한 보람이 있어 !!
퍼블퍼블ㅋㅋ
SIR 도 완전한 퍼블리셔 채용중 입니다.
이미지의 경우 텍스트 처리 해주심 되지 않나요?ㅋ

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고