일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- meta
- onmouseup
- IE8
- word-break
- Ajax
- 소스보기방지
- html5
- css3
- Gallery
- font-size
- 모바일테스트
- HTML
- box-shadow
- break-all
- 스크립트
- mobile view
- font
- Mobile
- CSS
- JavaScript
- white-space:pre
- 키보드방지
- view test
- 웹표준
- 웹표준 약도
- Filter
- jQuery
- 개발자도구함
- onlosecapture
- keep-all
Archives
- Today
- Total
목록tabindex (1)
감성 퍼블리셔 html,css
tabindex의 기능 및 역할 [html,css]
웹접근성을 통과하기 위해선 마우스를 사용하지 않고, 키보드 tab키만으로도 모든 객체에 접근이 가능해야만 한다. 이에 tab키에 의한 동작이 순서에 따라 이동되지 않을때, 페이지가 로딩될 시 tabindex를 적용하여 순차적인 이동이 가능하도록 하는 태그이다. tabindex=”1″ 문서 안에서 가장 먼저 초점을 받을 수 있습니다. 그러나 자연스러운 마크업 순서를 거스르기 때문에 주의해서 사용해야 합니다. 검색엔진 사이트에서 검색창에 사용하면 적합하지만(이 대신 autofocus=”autofocus” 속성이 더 적절할 듯 해요) 그 외 적합한 경우는 잘 떠오르지 않는군요. tabindex=”0″ 키보드 초점을 받을 수 없는 div, span과 같은 요소도 초점을 받을 수 있도록 만들어 줍니다. 초점을 받..
HTML/CSS
2015. 3. 25. 11:39