본문 바로가기 메뉴 바로가기

Frontend Developer를 향해 !

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Frontend Developer를 향해 !

검색하기 폼
  • 분류 전체보기 (152)
    • xhtml/css (15)
    • 웹접근성 (5)
    • html5 (2)
    • css3 (10)
    • 반응형웹 (5)
    • 자바스크립트 (19)
    • 제이쿼리 (17)
    • 제이쿼리 플러그인 (31)
    • 팁! (30)
    • git (10)
    • VsCode (3)
    • nodeJS (2)
    • gulp (1)
    • 북마크 (1)
    • 신앙 (1)
  • 방명록

contentWindow (1)
iframe 사용시 탭 키 초점 이동 안될때

- 프로젝트를 하다보면 iframe사용할때가 종종 있습니다. 개발쪽에서 url주소부분을 숨기려고 많이들 쓰는데 웹 접근성 지침중에 탭 키로 순차적 이동이 되어야하는 지침이 있습니다.근데 iframe을 사용하면 이부분이 잘 지켜지지 않을 때도 있어서 그 해결방안을 적어놓으려고 합니다. 1. 웹 접근성을 모르는 개발자분들이 js파일에서 a 요소에다가 'blur()'처리를 하는경우 탭 키가 안먹는 경우가 있습니다. js파일내에 'blur()' 메서드를 삭제 하시면 올바르게 작동하더라구요. 2. 1번사항도 아닐 경우에 해당 iframe요소 안에있는 컨텐츠에 접근을 해서 해결하는 방식을 사용해야 합니다.iframe요소 안에있는 컨텐츠에 접근을하려면 js로 접근을 해야합니다.(로컬에서는 에러가 떠서 확인이 안되니 ..

자바스크립트 2015. 10. 19. 15:23
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 주님과 동행하는 자
TAG
  • San Francisco web font
  • VSCode
  • 부트스트랩 네이밍
  • jquery
  • one scroll
  • CSS3
  • 웹폰트
  • 반응형웹
  • placeholder css
  • 접근성 tabmenu
  • node.js
  • 패럴럭스 스크롤
  • SFPro web font
  • 애플웹폰트
  • Flexbox
  • 웹 접근성
  • WAI-ARIA탭메뉴
  • 본고딕
  • PlaceHolder
  • 접근성탭메뉴
  • 키보드접근성자바스크립트
  • 부트스트랩class명
  • 키보드 웹접근성
  • bxslider
  • WAI-ARIA tab menu
  • 깃허브
  • 자바스크립트 탭메뉴
  • SFPro웹폰트
  • Git
  • San Francisco웹폰트
more
«   2025/05   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바