수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • 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 는 뭔가요;

번호 제 목 글쓴이 날짜
2694921 보더 레이아웃 안에 플로우 레이아웃 넣는방법? 초롱 2025-05-15
2694894 웹 프로그래밍 관련해서 질문합니다. 창의적 2025-05-15
2694868 컨택트 폼 7에서 textarea 높이 조정 영글 2025-05-15
2694818 line-height값이 적용이 안되는데 왜 그런 거예요?. letter-spacing,line-height의 기준?? (2) 풍란 2025-05-14
2694795 이것 어떻게 좀 해결좀;; (3) 개럭시 2025-05-14
2694724 코딩시 폰트 문제; ㅠ 후력 2025-05-13
2694696 텍스트박스 입력에 관한 문제입니다. 딥공감 2025-05-13
2694668 [질문] 페이퍼비전 PointLight 관련 질문 드려요.. 두바다찬솔 2025-05-13
2694611 Flash Lite 2.1에서 BitmapData와 Matrix 지원안하나요? (3) 이플 2025-05-12
2694582 IE & 파이어폭스 (2) 흙이랑 2025-05-12
2694553 무비클립안의 duplicate 발동이 안돼네요; 딥보라 2025-05-12
2694523 자바 애플릿 질문좀 ^^ (6) 동이 2025-05-12
2694494 [질문] JAVA 또는 C++ 로 프로그램 개발시.. 레지스터리 등록 관련 의문점? (3) 우람늘 2025-05-11
2694469 익스6에서 css버그 나오는것 해결방법좀요 !!!! (6) 원술 2025-05-11
2694442 로컬에선 잘 나오는데 운영에 반영하면 이상하게 나와요. (8) 목화 2025-05-11
2694412 [질문] 이미지 로딩후 사이즈 조절할때 (1) 아담 2025-05-11
2694391 설치형 블로그 쓰시는 분들 어떤거 쓰세요?? (7) AngelsTears 2025-05-10
2694362 Microsoft SQL Server에서 서버만드는법 어둠 2025-05-10
2694333 for문으로 돌린 이름의 제어 (4) 레이 2025-05-10
2694308 이미지 css 도와주세요 ㅠㅠ (2) 애기 2025-05-10
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

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