IE에서 input type=file 키보드 엔터 파일선택 동작

파일 선택란은 IE와 그 외 브라우저 UI 자체가 다르다. 키보드 포커싱 후 엔터 키를 눌렀을 때의 동작 또한 IE와 그 외 브라우저의 동작이 다르다.IE 키보드 엔터 동작 : form submitNon IE 키보드 엔터 동작 : 파일 선택 대화상자IE의 interaction도 파일 선택으로 바꾸어보자. See the Pen pvdxRX by Yeon Jun Kwak (@cezips76) on CodePen.

웹프로그래밍/웹접근성 2015.02.09 09:49
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..
웹프로그래밍/웹접근성 2015.02.05 18:01
jQuery Carousel 롤링 배너 웹접근성 개선

탭 키로 컨트롤 버튼, 현재 보이고 있는 배너링크 항목들만 포커스 이동 구현 참고: http://www.w3.org/WAI/tutorials/carousels/http://jquery-carousel.appspot.com/
웹프로그래밍/웹접근성 2015.01.22 16:22
Wysiwyg 웹에디터 접근성

무료 / OpenSource Licensetextarea 사용ckeditor / GPL, LGPL, MPL [새창]tinyMCE / LGPL [새창]유료나모 CrossEditor Series [새창]DEXT5 Editor [새창]
웹프로그래밍/웹접근성 2015.01.13 09:52
최초 키보드 포커스 '본문 바로가기' 구현

본문 컨테이너는 #container 최상단 바로가기 링크들만 상단 절대 좌표를 -값을 줘서 화면에서 보이지 않게 구현 문서 처음 키보드 포커싱시 최상단 바로가기 링크 보이기 위해Link pseudo-classes 들 기술하고 상단 절대 좌표를 0이 되도록 구현 <!DOCTYPE html> <html lang="ko"> <head> 본문 바로가기 < 웹접근성 </head>..
웹프로그래밍/웹접근성 2014.12.23 10:31
DatePicker (날짜 피커) 접근성 구현된 라이브러리들

http://www.oaa-accessibility.org/examplep/datepicker1/[Select Date...] 버튼 엔터시 레이어 팝업 datepicker 나타남datepicker 보이게되면 최초 날짜 박스에 포커싱 되어 있음날짜 박스에 포커싱 되어 있는 상태에서는 Full 키보드 이동 지원날짜에서 Enter/Space 누르면 선택됨탭을 누르면 날짜-이전달-다음달 버튼 순환ESC 키 누르면 datepicker 사라짐 지원A..
웹프로그래밍/웹접근성 2014.12.17 11:19
1
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
706,326
Today
144
Yesterday
211
링크
TAG more
«   2018/11   »
일 월 화 수 목 금 토
        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  
글 보관함