본문 바로가기

Local Oriented

웹표준 웹접근성

o display 속성, none 이면 Text 출력기 작동 안 함

 - inline, 인라인 속성, span 태그 성격, width/height/margin/padding/top/bottom/line-height 적용 불가

 - block, block 속성. width 가 기본적으로 100%

 - inline-block, inline 과 block 합성

 - none, 화면 표시 안함, 공간 차지하지 않음


o visibility 속성, hidden 이라도 Text 출력기 작동

 - visible, 기본값으로 요소를 모두 표시

 - hidden, 요소들을 모두 숨김, 공간은 차지하고 있어서 빈 여백, Text 출력기 작동함

 - collpase, table 에서만 사용

 - none, 없는 속성. display:none 과 동일한 효과는 visibility:hidden


o form

 - javascript 가 작동하지 않더라도 유사한 기능이 수행되도록 action 태그 활용


o 이벤트

 - onkeypress 나 onkeyup 등은 키보드의 tab 키를 누를 때 이벤트가 작동할 수 있어서 사용을 지양 또는 스크립트에 조건을 세팅


o href="#" 는 절대 사용 금지

키보드 이용자(스크린리더 사용자)에게 엄청난 혼란

'Local Oriented' 카테고리의 다른 글

누군가 정리한 HTML/JSON/Javascript/XMl 장단점  (0) 2016.03.07
기본 코드, HTML/CSS/JavaScript  (0) 2012.04.26