CKEditor TAB 포커스 KWCAG 접근성 패치
한국 웹접근성 인증마크를 위한 ckeditor TAB 포커스 이동은 아래 이미지와 같아야 한다. Ckeditor 기본 TAB 포커스 이동은 1-2-14-15 순이어야하며 Shift+TAB 이동은 역순이어야 KWCAG 인증평가에 준하게 된다. Ckeditor Core 중에서는 아래의 부분이 관련되어 있다. CKEDITOR.plugins.add( 'toolbar', {...}); 구현 코드는 아래와 같다. See the Pen vEWYEb by Yeon Jun Kwak (@cezips76) on CodePen.
웹프로그래밍/웹접근성
2015. 2. 5. 18:01
DatePicker (날짜 피커) 접근성 구현된 라이브러리들
http://www.oaa-accessibility.org/examplep/datepicker1/[Select Date...] 버튼 엔터시 레이어 팝업 datepicker 나타남datepicker 보이게되면 최초 날짜 박스에 포커싱 되어 있음날짜 박스에 포커싱 되어 있는 상태에서는 Full 키보드 이동 지원날짜에서 Enter/Space 누르면 선택됨탭을 누르면 날짜-이전달-다음달 버튼 순환ESC 키 누르면 datepicker 사라짐 지원ARIA 1.0 마크업으로 WCAG 준수모던브라우저 & IE 8+ 지원 http://amsul.ca/pickadate.js/날짜 입력폼에 포커싱 가면 팝업 나타남날짜 Full 키보드 이동 지원팝업에서 처음/마지막 요소에서 탭키로 팝업 닫기 지원확실한 포커싱 표시 지원모바일..
웹프로그래밍/웹접근성
2014. 12. 17. 11:19
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
- Make Use Of
- How to geek
- 인터넷 통계정보 검색시스템
- 트위터 공유 정보모음
- 웹표준KR
- 치우의 컴맹탈출구
- Dev. Cheat Sheets
- w3schools
- Dev. 조각들
- ASP Ajax Library
- CSS Tricks
- WebResourcesDepot
- jQuery Selectors Tester
- DeveloperSnippets
- Smashing Magazine
- Nettuts+
- devListing
- 웹 리소스 사이트(한)
- Mobile tuts+
- Dream In Code
- Developer Tutorials
- CSS3 Previews
- 자북
- 안드로이드 사이드
- Code Visually
- Code School
- SQLer.com
- 무료 파워포인트 템플릿
- iconPot
- Free PowerPoint Templates
- Design Bombs
- Web Designer Wall
- 1st Webdesigner
- Vandelay Design
- 무료 벡터 이미지 사이트들
- Tripwire Magazine
- Web TrendSet
- WebMonkey
- 윤춘근 프리젠테이션 디자이너 블로그
- cz.cc 무료 DNS
- [웹하드] MediaFire
- [웹하드] DivShare
- 한컴 인터넷 오피스
TAG
- API
- IE
- JSON
- Mac
- Debug
- 한글
- PHP
- Chrome
- sencha touch
- iphone
- Prototype
- 안드로이드
- IOS
- laravel
- JQuery
- git
- nginx
- mssql
- ASP
- 워드프레스
- javascript
- nodejs
- centos
- Android
- Linux
- CSS
- Docker
- iis
- Wordpress
- classic asp
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함