MaKeYOurOwN mkyoon

HTML5와 CSS3 정보 공유 공간 - http://html5.jidolstar.com/

Posted by mkyoon

정보통신 접근성 향상 표준화 포럼에서
'웹 접근성을 고려한 신기술 콘텐츠 제작기법
- JavaScript, Flex, Flash를 중심으로 -'을 발표했습니다.

http://iabf.or.kr/Pds/ReportView.asp?board=report&bseq=2867
위 링크에서 해당 PDF 자료를 다운 받을 수 있습니다.
예시 그림과 함께 설명이 자세하네요.^^

목차입니다.

I. 리치 인터넷 애플리케이션의 접근성

1. 연구목적
2. RIA 콘텐츠와 웹 접근성
3. WAI-ARIA 동향
4. RIA 콘텐츠 접근성 평가방법
5. 웹 접근성 관련 사이트

II. 접근성 있는 Javascript 제작기법

1. Javascript 개요
   • DOM과 DOM 스크립트
   • Javascript 프로그램의 확장
2. 웹 접근성과 Javascript
   • Javascript에 관한 오해
   • 접근성 있는 Javascript 코딩 방법
3. Javascript 접근성 지원 프로그래밍 지침
   • 대체 텍스트 제공
   • 키보드의 이용
   • 반응시간의 조절
   • 온라인 서식 구성
   • 신기술의 사용
   • 표준의 준수
4. Javascript 프로그램의 접근성 평가방법
   • II. 3번과 동일
5. Javascript 애플리케이션 콘텐츠 구현 예
   • 네비게이션 제작기법
   • 접근성을 고려한 입력서식 제작기법
   • 효과적인 UI 제작기법
   • Javascript 대체 기법

III. 접근성 있는 Flex 제작기법

1. Flex 개요
2. 웹 접근성과 Flex 콘텐츠
   • Flex 버전
   • 접근성 있는 Flex 콘텐츠 제작
3. Flex 콘텐츠 접근성 기술 지침
   • 대체 텍스트 제공
   • 자막 제공 방법
   • 색상과 접근성
   • 키보드의 이용
   • 읽는 순서의 설정
   • 플러그인 정보 제공
   • 접근성 지원 컴포넌트의 사용
4. Flex 콘텐츠의 접근성 평가방법
   • III. 3번과 동일
5. 접근성 지원 Flex 컴포넌트
6. Flex 애플리케이션 콘텐츠 구현 예
   • 접근성을 고려한 입력서식 제작기법
   • 접근성을 고려한 차트 제작기법
   • 사용자 UI를 고려한 제작기법

IV. 접근성 있는 Flash 제작기법

1. Flash 개요
2. 웹 접근성과 Flash 콘텐츠
   • 접근성 있는 Flash 콘텐츠 제작
   • Flash 콘텐츠의 임베딩
3. Flash 접근성 지원 프로그래밍 지침
   • 대체 텍스트 제공
   • 자막 제공 방법
   • 색상과 접근성
   • 깜빡거리는 객체 사용 제한
   • 키보드의 이용
   • 접근성 지원 애니메이션
   • 비디오/오디오 컨트롤
   • 읽는 순서의 결정
   • 구조의 제공
   • 대체 페이지 제공
   • 플러그인 정보 제공
   • 접근성 지원 컴포넌트의 사용
4. Flash 콘텐츠의 접근성 평가방법
   • IV. 3번과 동일
5. Flash 콘텐츠 구현 예
   • 내비게이션 메뉴
   • 사용자 UI를 고려한 콘텐츠

Posted by mkyoon

정보통신 접근성 향상 표준화 포럼에서

3월 17일, 웹 접근성 향상을 위한 국가표준 기술 가이드라인을 발표했습니다.

http://www.iabf.or.kr/News/NoticeView.asp?board=notice&pg=&bseq=2860
위의 링크에서 해당 pdf 문서를 다운 받을 수 있습니다.
예시와 함께 설명이 자세하네요.

각 항목별 올바른 적용사례만 뽑았습니다.

1. 인식의 용이성(Perceivable)의 올바른 적용사례
   • 이미지에 적절한 대체 텍스트 제공
   • 배경 이미지에 적절한 대체 콘텐츠 제공
   • 동영상, 음성 등에 대체 수단(자막, 원고 또는 수화)을 제공
   • 색상이 아닌 패턴이나 명암으로 정보를 인식
2. 운용의 용이성(Operable)의 올바른 적용사례
   • 서버측 이미지 맵에 대한 해당 내용 및 기능을 사용할 수 있는 대체 콘텐츠 제공
   • 프레임에 대한 적절한 제목 제공
   • 깜빡임이 전혀 없는 웹 사이트
   • 키보드만으로 모든 기능 이용 가능
   • 건너뛰기 링크 제공
   • 반응시간 콘텐츠에 대한 시간제어 기능 제공
   • 새 창을 사용하지 않거나 사용자에게 미리 알림
3. 이해의 용이성(Understandable)의 올바른 적용사례
   • 테이블 내용 이해를 위한 정보 제공
   • 테이블 제목과 내용 구분 가능
   • 페이지별 간단 명료한 제목 제공
   • 콘텐츠의 논리적인 순서
   • 온라인 서식에 대한 적절한 레이블 제공
4. 기술적 진보성(Robust)의 올바른 적용사례
   • 애플리케이션의 자체적 접근성 또는 대체 콘텐츠 제공
   • 자바스크립트 없이도 주요 기능의 이용 가능

Posted by mkyoon

<a href="mailto:메일주소"> 를 사용하여
사용자로 하여금 이메일 폼을 쉽게 띄울 수 있다.

그런데 여기 메일주소 뒤로 덧붙여서
제목, 내용, 함께받는이 등등 원하는 항목도 추가 가능하다.+_+

원문링크 : http://www.ianr.unl.edu/internet/mailto.html


예) 제목과 함께 이메일링크 걸기 - MailTo with Subject

<a href="mailto:mkyoon@mkyoon.com?subject=메일 제목입니다.">



==========
여태 난 왜 몰랐을까-_-;

Posted by mkyoon

컴퓨터를 포맷하면서
Eclipse Europa 에서 Ganymede로,
Subversion도 최근에 나온 것으로 설치하고 보니-

Subversion 기본적인 설정으로 리비전 번호만 찍히고 있었다.
파일이 커밋된 시간과 파일을 커밋한 발행인을 보고 싶었지만
예전에 어떻게 설정했는지 기억도 안나고, 이미 머릿속은 백지상태-_-;

또다시 헤매지 않기 위해 스샷을 남긴다.


* Window -> Preferences -> decoration 검색
* Team -> SVN -> Label Decoration 선택 -> Text Decorations 탭 선택


* Format 필드에서 수정하고 싶은 형식의 [...] 선택
* 원하는 정보 체크 -> OK




덧>
이클립스 설치.
인코딩 바꾸기. (Preference - encoding검색)
맞춤법 검사 없애기. (Preference - spell검색)
SVN 설치. (Help - Software Update)
ini 파일 수정하기.

Posted by mkyoon