html5 와 그외 기능 기본내용

http://yangwonder.blog.me/220206769649

html5 태그 정리된곳

http://opentutorials.org/module/552

 

a 태그관련  

HTML5 DTD  사용시
a 태그 안에 div 사용가능(블럭요소 사용가능)

 

http://dev.w3.org/html5/spec-preview/the-a-element.html

html 그외는 
a 태그 안에 span 사용

a 태그는 display:block 요소나 display:inline-block; 요소로 사용  

 

----------------------------------------------------------------------------

복잡한 테이블

scope , id,  headers를 적용

http://www.visionaustralia.org/digital-access-tabletoolbar

http://mctenshi.tumblr.com/post/55085282427/scope

http://www.wah.or.kr/Example/wcag_exam.asp?cate=54#Main_167  (예시)

 

----------------------------------------------------------------------------   

스크린리더 평가판 다운로드

• 센스리더 3: http://xvtech.com/xvtech/?mid=data
• JAWS for windows (v13 설치 기준): http://www.haeppa.kr/93
• NVDA (Open source): http://www.nvda-kr.org/download

 

평가시 툴 -> 죠스, 센스리더(많이 사용)

----------------------------------------------------------------------------   

background 이미지 처리 방식

VoiceOver 등 모든 스크린리더에서 읽어주는 방식의 요소 숨기기

 

.blind {

position: absolute !important;

height: 1px; width: 1px;

overflow: hidden;

clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

clip: rect(1px, 1px, 1px, 1px);

} 

 

----------------------------------------------------------------------------   

 

 

 

----------------------------------------------------------------------------