한국형 웹 콘텐츠 접근성 지침 2.0에는 다음과 같은 사항이 명시되어 있습니다.



이 지시사항에 따르면 target="_blank"로 열리는 새 창을 포함하여 새 창으로 뜨는 팝업창에는 title="새 창으로 열림" 과 같은 속성을 넣어서 사전에 사용자에게 새 창으로 팝업창이 뜨는 것을 알려 주어야 한다고 명시되어 있습니다.




물론 이 것을 해당 html을 찾아가면서 일일히 해도 되지만, 노가다일 뿐더러 티스토리 본문을 작성할 때 에디터에서 새 창으로 열리는 링크에는 이 기능을 넣기가 어렵습니다. 따라서 자바스크립트로 구현해야 하는데, 이 것을 jQuery로 구현하는 방법은 다음과 같습니다.


function webAccessibility_link(){

$("a[target='_blank']").each(function(){

$(this).attr("title", "새 창에서 열림");

});

}


위 함수를 삽입 후 $(document).ready(function(){...})함수 안에 이 함수를 호출하면 됩니다.


하지만 이 부분을 자세히 설명드리지 않는 이유는, 장애인 웹 접근성 지침이 개정되어 지금은 이러한 함수를 사용하지 않아도 장애인 웹 접근성을 지킬 수 있기 때문입니다.


최근의 스크린리더 등 장애인 보조기기들은 target="_blank" 속성이 달린 링크를 자동으로 인식하여 새 창이 열리는 것을 알려주게끔 기술개발이 되었습니다. 그래서 장애인 웹 접근성 지침의 가장 최근버전인 한국형 웹 콘텐츠 접근성 지침 2.1에는 target="_blank" 속성을 가진 링크에 별도의 알림 문구를 넣어야 한다는 규정이 삭제되었습니다. 개정된 장애인 웹 접근성 지침에 따르면 기존 방법처럼 title에 새 창을 띄운다는 사실을 명기해야 하는 경우는 자바스크립트로 새 창을 띄울 때인데, 티스토리 스킨에서는 자바스크립트로 새 창을 띄우는 일이 어지간해선 거의 없습니다. 그래서 사실상 티스토리 스킨에서는 title로 새창을 띄운다는 안내를 하지 않아도 된다고 봐도 무방합니다.




장애인 웹 접근성 부분도 장애인 보조기기의 발전에 따라 지시사항이 계속 변하니, 옛날 지침을 믿고 무조건 따라하지 않도록 유의할 필요가 있겠습니다.





댓글을 달아 주세요

  1. 커피믹스 2015.07.10 16:12 신고  댓글주소  수정/삭제  댓글쓰기

    티스토리 쉬운듯 어려워요

  2. 귀여운걸 2015.07.11 23:22 신고  댓글주소  수정/삭제  댓글쓰기

    아하~ 덕분에 잘 알아갑니다..
    장애인 웹 접근성은 생각도 못했는데 감사해요^^

  3. 행복한 비저너리 2015.07.14 10:30 신고  댓글주소  수정/삭제  댓글쓰기

    저는 일반 기법만 사용하고 있어요.. 몸은 어떠신지요?

티스토리 툴바