홈페이지제작시에.. 정보
홈페이지제작시에..
본문
서브페이지에 들어가는 회사소개나 조직도, 회사연혁등의 페이지를 코딩이 아닌 통이미지로 넣게 되면,
이것또한 접근성에 어긋나는건가요.
이제껏 통이미지로 디자인해서 올려왔는데 접근성에 맞춰서 코딩으로 바꿔야 하는건지 궁금하네요.
이것또한 접근성에 어긋나는건가요.
이제껏 통이미지로 디자인해서 올려왔는데 접근성에 맞춰서 코딩으로 바꿔야 하는건지 궁금하네요.
추천
0
0
댓글 17개
통이미지는 구 홈페이지 만들때 많이 쓰였는데 통이미지는 지금 웹브라우저에서도 잘보여요 그런데 글자 복사 하거나 그럴때.. 웹접근성으로 만든다면 이미지와 글자를 따로 분리 해야겠죠
접근성에 맞추려면 통이미지만 넣으면 안됩니다.^^
통이미지도 상관은 없는데 이미지가 뜨지 않을 시에 뜰 대체텍스트는 함께 넣어주셔야해요 ㅎㅎ
흠 코딩으로 하려니 적응이 안되네요 ㅎㅎ.
접근성에 맞추려면 해당 이미지를 통짜로 올리신 후 alt 쪽에 "회사 연혁에 관련된 이미지 입니다. 자세한 것은 아래의 글을 확인해 주시길 바랍니다." 라는 식으로 한 후,
아래쪽에 화면에 보이지 않게 설정 html 글자 코딩을 넣으면 ㅇ.. 안되려나요.
아래쪽에 화면에 보이지 않게 설정 html 글자 코딩을 넣으면 ㅇ.. 안되려나요.
방금 옆자리 팀장님께 여쭤봤습니다.
img 태그 속성 중 longdesc 라는 속성이 있습니다. alt 속성 대신에 쓰는 것으로,
html 파일에다가 img 에 들어가는 내용을 작성 합니다. 이 작성한 html 파일을 longdesc 속성에다 링크로 걸어 주시면 됩니다 :D
저도 처음 알았네요. 덕분에 팀장님께 여쭤 보고 새로운걸 알았습니다.
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 를 추천합니다.
http://www.mezzoblue.com/tests/revised-image-replacement/ 저는 Gilder/Levin Method 를 추천합니다.
으악 이건 저도 써먹었던 방법인데 !! 백그라운드로 깔아 주고 안에 있는 글자들은 모두 text-indent: -999px 로 빼거나 혹은 hidden 시켜 버리는 방법 쓰다가 이거 써봣는데 이게 더 괜찮더라구요
그런데 페이지 별로 CSS 짜는게 귀찮아 져서.. ()
그런데 페이지 별로 CSS 짜는게 귀찮아 져서.. ()
좀 많이 귀찮죠. :)
그누보드4s 나 그누보드4 영카트4 메인 페이지에 요거가 적용되어 있어요.
그누보드4s 나 그누보드4 영카트4 메인 페이지에 요거가 적용되어 있어요.
앗 정말이네요!
이거 쓸때 각 페이지 별 id 값 받아 와서 일일이 css 로 지정해 줘야 해서 저도 왠만큼 신경 써서 하는 곳 아니면 그냥 이미지에 alt 쓰고 말아요 요즘ㅇㄴ...
새삼 다시 SIR 소스 보니 세세하게 신경 쓴 곳이 많아 감탄하고 있습니다.
이거 쓸때 각 페이지 별 id 값 받아 와서 일일이 css 로 지정해 줘야 해서 저도 왠만큼 신경 써서 하는 곳 아니면 그냥 이미지에 alt 쓰고 말아요 요즘ㅇㄴ...
새삼 다시 SIR 소스 보니 세세하게 신경 쓴 곳이 많아 감탄하고 있습니다.
SIR 한창 접근성 공부하면서 만들어서... 고칠 곳이 한 두군데가 아니에요. ㅠㅠㅠ
그래도 칭찬은 감사합니다. 역시 퍼블리셔 맘은 퍼블..아니 팔방미인이 알아주는 군요. :)
그래도 칭찬은 감사합니다. 역시 퍼블리셔 맘은 퍼블..아니 팔방미인이 알아주는 군요. :)
퍼블리셔는 퍼블퍼블 하고 웁니다.
잘하면 조만간 저도 완전 퍼블리셔 쪽으로 갈지도 모르겠네요..!!!!
회사에 주기적으로 요청한 보람이 있어 !!
잘하면 조만간 저도 완전 퍼블리셔 쪽으로 갈지도 모르겠네요..!!!!
회사에 주기적으로 요청한 보람이 있어 !!
퍼블퍼블ㅋㅋ
SIR 도 완전한 퍼블리셔 채용중 입니다.
이미지의 경우 텍스트 처리 해주심 되지 않나요?ㅋ
