수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

iframe으로 제작할때 웹접근성메뉴를 어떻게 해야할지??(수정)

소유

2023.04.01

안녕하세요...질문 하나 드립니다~

보통 웹접근성을 위해서 각 페이지마다 div id=accessibility 메뉴를 넣었는데요.

이번에는 워낙 페이지가 많고 content 영역만 바뀌어서요

header/footer/snb/content ... 이렇게 4가지 영역을 iframe으로 나누어 작업해서고 있습니다.

이렇게 main.html에 넣고 개발단에서 snb 에서 메뉴를 클릭했을때...

각 html 파일(contents)을 불러오는데요..

이렇게 되면 accessibility 메뉴를 어디에 넣어줘야하는지를 모르겠습니다 ㅠ.ㅠ

최소한 header.html 파일의 gnb랑 lnb/snb.html 의 각 메뉴/contents의 주요 메뉴에는

연결을 시켜줘야할듯한데....하는 방법을 모르겠네요...

고수님들 답변 부탁드립니다!!! ^^___________________________________________________________________________________________________________
추가로 달아요^^;;
header.html

snb.htmlcontents footer.html

위그림처럼 구성했거든요..(그림이 허접해서 죄송^^;;)
snb는 side navigation bar의 약자입니다.(주로 이렇게 쓰더라고요)

accessibility는 css를 해제했을때...상단에 나타나는데...
각 페이지의 주요메뉴를 바로 이동할 수 있게 링크를 주는 것입니다.
장애우의 경우 css 적용된 화면을 볼수 없고 탭으로 이동하니까요..
탭으로 하나씩 넘기긴 너무 많으니 주요 메뉴를 바로 이동할수 있게 해주는 링크를 모아
접근성이란 이름을 준건데... 모르시는걸 보니 보통...그렇게 안쓰나봐요.... 제가 초보라^^;;

맨위에 이렇게 쓰면...
div id=accessibility
ul
lia href=#gnb주메뉴 바로 가기/a/li
lia href=#contents내용 바로가기/a/li
.
.
.
/ul
/div

아래 태그 부분으로 한번에 이동 가능하니깐요..

페이지별로 제작하면....같은 html 파일 상단에 넣어주면 되는데..

프레임 페이지 따로 있고 그때 그때 불러오는 경우 어떻게 해야할지 난감해서요^^;;

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 한란

    그렇군요...저도 못봤습니다 ^^;;;
    전 제가 몰라서....그런줄로만 ;;;; 고민 옴팡했는데 ㅠ.ㅠ
    답변 감사합니다...

  • 잎새

    프레임을 저렇게 나눈다는거 자체가 접근성면에서 떨어지는걸로 알고있습니다.
    마크딴 사이트를 보면 저렇게 구성된곳이 거의없지요.. 저는 보지못했습니다.
    또... 페이지가 많다고 해서 프레임을 나눌필요는없습니다. 어찌보면 인클루드시키는게 더 간단하기때문에.. 개발자분과 협의를 보시는게 접근성의 중요도에따라 나뉘겠네요.

  • 큐티베이비

    답변은 아닌데 이건 저도 궁금하네요 @.@ ..

  • 보라나

    사이드네비게이션바, 접근성 @.@

  • 해님꽃

    +_+;; 개발자인데 잘 이해가 안되요
    snb는 뭐거 accessibility 는 뭔가요;

번호 제 목 글쓴이 날짜
2696043 제이쿼리 .scroll() 관련 질문드립니다 이거이름임 2025-05-26
2695984 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) 들꿈 2025-05-25
2695934 tr 속성값 (9) 새 2025-05-25
2695905 ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) 슬아라 2025-05-24
2695878 form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) 핫파랑 2025-05-24
2695844 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) 한빛 2025-05-24
2695814 [질문] PDA에서 애플릿이 가능한가요? (1) 봄시내 2025-05-24
2695785 웹 설정 도와줄분 화이트캣 2025-05-23
2695730 갑자기 기억이 안나는데 accesskey 속성.. 빛나라 2025-05-23
2695702 [질문] Java 버전 차이에 의한 오류?!! (2) 검사 2025-05-23
2695672 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) 뽀그리 2025-05-22
2695647 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) 아빠몬 2025-05-22
2695586 IFRAME 캐싱 질문 봄나비 2025-05-22
2695498 [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; 터1프한렩 2025-05-21
2695468 자바랑 이클립스에서요.. 스킬 2025-05-21
2695375 Mysql 연동하는 자바 질문있습니다. 아리솔 2025-05-20
2695319 파워포인트 파일을 저장할 수 있을까요? 시윤 2025-05-19
2695289 [질문]Tween 값의 정도를 알고 싶습니다. 타마 2025-05-19
2695238 c 와 c++의 시작 (10) ChocoHoilc 2025-05-18
2695215 탑메뉴의 repeat-x .배경이 두가지에요ㅠ ㅠ 널위해 2025-05-18
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com