Pajet KWAG2.0 Ver.

웹 접근성을 향상을위한 페이지 검증 도움도구인 pajet이 KWCAG2.0 기반으로 변경이 되었습니다.

예전 버전과 크게 변경된것은 아니지만, 몇몇 기능이 추가되었고 결과에 대한 리포팅을 지침별로 정렬시켜 두었습니다.

http://mydeute.com/was/pajet.html 페이지에서 확인이 가능합니다.

PAJET은 js, CSS를 기반으로 실행되는 툴이기 때문에 웹 사이트에 대해 영향을 많이 받습니다. 때문에 결과가 제대로 보이지 않을 수 있습니다.  ㅠ_ㅠ

저도 노력해서 디버깅을 하고 있지만, 사용하시는 분들의 도움이 절실히 필요합니다. 많은 성원 부탁드립니다 🙂

동영상에 자막제공하기

예전부터 만들어논 문서인데.. 그냥 오픈합니다.

동영상 서비스의 접근성 지침 및 가이드(WCAG2.0)

지침 1.2 시간에 기반한 미디어(Time-based Media): 시간에 기반한 미디어를 위한 대체물을 제공하라.

  1. 텍스트 콘텐츠를 이해하기 쉽게 도와주는 미디어의 역할
  2. 자막을 제공
  3. 음성 서비스(대체 콘텐츠)를 제공
  4. 설명에 대한 자막제공
  5. 수화

자막이란?

멀티미디어 콘텐츠에 대한 정보나 대화 내용, 번역 등을 콘텐츠에 동시에 보여주는 방식

자막(sami) 제공하기

SAMI

SAMI(사미, Synchronized Accessible Media Interchange; 접근성 미디어 동기화 교환)는 마이크로소프트 사에서 1998년에 발표한 미디어 접근 제안이다. 마크업 언어로 구조화되어 있으며 개인용 컴퓨터에서의 미디어 재생용 자막을 간단히 만들 수 있도록 하는 데 중점을 두고 설계되어 방송용으로는 적합하지 않다.
SAMI 문서를 전문적으로 만들 수 있는 유틸리티도 있지만, SAMI 문서는 문자열로 되어 있기 때문에 어떤 문서 편집기로도 다룰 수 있다. 파일 확장자로 .smi 혹은 .sami를 사용하는데 .smi는 SMIL 파일도 사용하는 확장자이기 때문에 서로 충돌하게 된다.  SAMI 문서에 여러 종류의 언어를 담을 수 있다.
대한민국에서는 자막 포맷으로 SAMI가 가장 많이 쓰인다.

youtube는 플래시 기반의 멀티미디어 재생기임에도 불구하고 자막 업로드를 제공하고 있다.
youtube의 자막이 보여지는 방식

youtube에 자막을 업로드...

기타 멀티미디어 업로드 사이트에서는 특별한 자막 지원여부를 확인해보지 않았다.

MEDIAPLAYER를이용해 자막을 지원하기

http://mydeute.com/tip/mov/gee.html

<object id="Player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="480" height="272">
<param name="URL" value="gee.wmv">
<param name="autoStart" value="false">
<param name="captioningID" value="captions">
<param name="SAMIFileName" value="gee.smi"> 
<!--[if !IE]> <-->
<object type="application/x-ms-wmp" data="gee.wmv" width="480" height="272">
<param name="pluginspage" value="http://www.microsoft.com/Windows/MediaPlayer/">
<param name="url" value="gee.wmv">
<param name="autoStart" value="false">
<param name="captioningID" value="captions">
<param name="SAMIFileName" value="gee.smi"> 
</object>
<!--> <![endif]-->
</object>
<div id="captions" style=""> </div>
  • <param name=”captioningID” value=”captions”> : 자막이 보여질 element의 ID 지정
  • <param name=”SAMIFileName” value=”gee.smi”> : 자막 파일의 경로

대부분의 브라우저에서 자막 확인이 가능함

올바른 자막의 제공

단순한 대화나 말에 대한 자막뿐만 아니라, 상황을 이해 할 수 있는 설명도 포함 하는것이 좋다.

사용자가 쉽게 자막을 제공 할 수 있게 하는 방법

자막을 제작할 수 있는 환경을 구성한다. (동영상 업로드시)

 

이직

벌써 제가 IT 업계에서 다닌 회사가 4군데나 됩니다. 그리고 이번에 5번째 회사를 만났습니다.
이번에 적을 두게된 곳은 SK communications의 UXD센터 소속 UI개발팀입니다.

아직 입사한지 오래되지 않아 분위기나 감상이라고 할것 까지는 없지만, 좋은 회사인것같고, 저도 의욕을 앞세워 한번 열심히 해보려고 합니다. 또한 다른환경에서 색다른 일들을 해온만큼, 저도 조금은 발전하지 않았으려나요 =_=;;;

그나저나 오랜만에 회사에 출근을 했더니 적응하기가 참 힘이 드네요. 역시 놀때가 좋았습니;;;;;
또한 몰랐는데 입사해보니 아는분들이 조금있어서 놀랐고… 그나마 긴장한 저에게  큰 위안이 되었습니다 ㅋㅋ

좀 더 좋은 서비스를 만드는데 제가 조금이나마 기여할 수 있는 부분이 있으면 좋겠습니다. 그러기 위해 노력도 해야겠죠.

 

실수를 하지 않는 사람

가령 일에서 절대 실수를 하지 않는 사람이 있습니다. 어떤 사람인지 알겠습니까?
답은 ‘일하지 않는 사람’ ……

실수는 사람이 살아있다는 증거입니다. 그렇기에 열심히 노력해서 그 결과 나온 실수는 공부가 되는 겁니다.
-바텐더 13권-

누구나 처음부터 실수없이 잘하고  뛰어난 능력을 보이며 돋보이는 사람은 없습니다. 누구나 부딧히고, 실수하고, 그것들을 극복하고 노력하면서 실수를 줄여나가는것이 좋은 방향으로 가는것이 아닐까 생각해요. 그게 경험이고 경력이 아닐까요.

또한 나 자신만 너무 늦다고, 뒤쳐진다고 생각하지 마세요. 성장이 빠르던 느리던 얻을 수 있는 길은 같아요. 하지만 느리다고 자책하여 포기하면 얻을 수 있는것은 없게 되겠죠.

닥치고 웹 표준