요번에 교육청 웹접근성 작업 하면서..(2) > 자유게시판

자유게시판

요번에 교육청 웹접근성 작업 하면서..(2) 정보

요번에 교육청 웹접근성 작업 하면서..(2)

본문

아래 "JMOON"의 글에 답변을 보자면 지운아버님의 답변이 아래와 같이 있는데,
http://sir.co.kr/bbs/board.php?bo_table=cm_free&wr_id=913642
------------------------------------------------------
g4s 에서 이미지가 사용된 부분은 다음과 같습니다.

*상단*
로고, 전체검색 버튼, 로그인 회원가입 접속자 등과 같은 부분

*컨텐츠 영역*
게시판과 최근게시물 스킨 내 아이콘 및
회원가입 페이지 내 로고

*하단*
gnuboard4 Second edition 이미지

이 중에 현재 alt 가 사용 안 된 부분은 상단의 로그인 회원가입 접속자 등의 부분인데요.
이 부분은 alt="" 처리가 되어 있고 <a> 태그로 함께 묶여 스크린리더로 접근 시
접속자 2 그래픽 링크 처럼 출력이 됩니다.
----------------------------------------------------------
덧붙여 img 의 대체 텍스트는 반드시 삽입되어야 하는 경우를 제외하고는 컨텐츠 저작자의 의도에 따라 삽입 여부를 결정하되, 입력하지 않을 시에는 alt="" 와 같이 빈값으로 지정을 해줘야 합니다.
----------------------------------------------------------

alt=""와 같이 공값으로 주는 것이 옳바른지 아니면 alt"설명", title="설명"과 같이 값을 넣는 것이
바람직한 일인가요?  a태그에 title값이 있으면 alt는 ""공값을 허용, a태그가 없거나 title값이 없을 경우에는 alt공값사용을
불허하는 편인데 좀 헷갈립니다.

추천
0
  • 복사

댓글 8개

웹 접근성 기법 2.0에서는 반드시 alt 속성으로 <img>의 대체 텍스트를 지정하라고 나옵니다.
alt="" 를 사용하는 경우는 장식적인 이미지의 경우, 그리고 image replacement 기법으로 대체 텍스트를 제공하는 경우입니다.
그 외 이미지가 문맥 상 분명한 의미를 가지고 있는데 alt="" 로 작성되는 것은 바람직하지 않습니다.

그런데 대체 텍스트의 기준은 마련되어 있지만, 측량이 어려운 부분이 있어 난해한 부분이 될 것 같습니다.
참고로 image replacement 기법은 http://www.mezzoblue.com/tests/revised-image-replacement/ 에 잘 소개되어 있고, 앞으로 SIR 에서 퍼블리싱하는 결과물에는 Gilder/Levin Method 와 같은 방법이 될 예정입니다.
다시 보니 댓글이 미진했네요. 죄송합니다.ㅠㅠ
<a> 태그 내에 <img> 만 있다면, <a> 에 title <img> alt="" 을 주거나, <img> 에 alt="대체텍스트" 둘 중 하나만 사용해야 할 것 같습니다.
웹 접근성 연구소 홈페이지에서 저하고는 비교도 안 되는 어마어마한 분들이 자문 서비스를 해주고 계십니다.
http://www.wah.or.kr/Consulting/introduce.asp ㅎㅎ;;
http://snclab.blogspot.kr/search/label/%EC%9E%A5%EC%95%A0%ED%99%98%EA%B2%BD%20%EC%9D%B4%ED%95%B4

저는 여성분이 운영하는 사이트만 즐겨 사용합니다. 하하하하하하
© SIRSOFT
현재 페이지 제일 처음으로