테스트 사이트 - 개발 중인 베타 버전입니다
SIR

접근성 관련 탭 질문이 있습니다.

조박사님
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 12년 전 · 1178 · 5
일반적으로 접근성에 맞추어서
 
탭을 만들때
 
<ul>
     <li><a href="#">탭 메뉴 1</a>
          <div>탭내용1</div>
     </li>
     <li><a href="#">탭 메뉴 2</a>
          <div>탭내용2</div>
     </li>
     <li><a href="#">탭 메뉴 3</a>
          <div>탭내용3</div>
     </li>
</ul>
 
이렇게 작업을 해서 포커스가 탭메뉴 이동시 엔터를 치면 각 탭내용으로 포커스가 이동하게 되는데
 
개발여건상
 
<!-- 탭 리스트 -->
<ul>
   <li><a href="#">탭 메뉴 1</a></li>
   <li><a href="#">탭 메뉴 2</a></li>
   <li><a href="#">탭 메뉴 3</a></li>
</ul>
<!-- //탭리스트 -->
<!-- 탭컨텐츠 -->
<div>탭 내용1</div>
<div>탭 내용2</div>
<div>탭 내용3</div>
<!-- //탭 컨텐츠 -->
 
이런식으로 탭마크업을 하게 되는 경우가 있잖아요..
 
이럴경우는 포커스이동이 논리적 구조에 따라 이동이 안되잖아요..
 
이럴경우는 퍼블리셔 분들은 접근성 작업할때 어떻게 처리를 하나요..
 
완전 애매한 부분이라서요..
 
알려주시면 감사드리겟습니다.
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 5개

남자사람1
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
이런식으로 처리를 하죠

<li><a href="#aa">탭 메뉴 1</a></li>
<div id="aa">탭 내용1</div>
lainfox
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
/박수

덧붙이자면
<a href="#aa">탭 메뉴 1</a> 을 클릭해서 <div id="aa">탭 내용1</div> 로 화면이 이동 할 때
<div id="aa">탭내용1</div> 부분에 tabIndex 를 주고 포커싱을 해주면 좋겠네요.
지운아빠
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
개발여건이 어떤 경우인지는 모르겠습니다만, 위와 같이 해서는 접근성을 구현하기가 쉽지 않아보입니다.
처음에 말씀하신 방법으로 하시거나 현재 SIR 메인의 탭을 참고해보세요.
조박사님
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
흠흠.. 개발된건 엎는건데.. 기존에 두번째 마크업으로 되어있어서요.ㅠ
에그당
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
https://www.sgic.co.kr/chp/iutf/hp/consultation/intro.mvc 자주하는질문best5

그렇게하면안된다고 자세하게 설명해줬습니다

게시글 목록

번호 제목
211
퍼블리셔 디자이너 지만 질문요 6
198
퍼블리셔 사랑합니다, 그누보드 DTD ... v//v 12
191
퍼블리셔 이것좀 찾아주시면 캄사요 ^^;;; 6
180
퍼블리셔 그누보드 vs 나의 퍼블리싱 10
177
퍼블리셔 예전에 ietoy 에 있던 기능인데. 2
169
퍼블리셔 이런 질문 드려도 될지 모르겠습니다만 7
160
퍼블리셔 즐겨찾기 모음 페이지 만들 때 <cite> 써도 될까요? 9
150
퍼블리셔 님들은 포커스 아웃라인 어떻게 처리하세요? 9
133
퍼블리셔 높이가 100%로 되게 하려면 어떻게 해야하나요? 16
119
퍼블리셔 이것도 퍼블리셔 쪽일지는 모르겠는데.. 문서 모드 관련이에요 14
104
퍼블리셔 j-query 사용은 올바른가? 14
87
퍼블리셔 서브메뉴가 있는 css메뉴 추천좀 해주세요.. 14
79
퍼블리셔 나는 퍼블리셔가 아닌데 퍼블리셔만큼 한다,못한다 7
71
퍼블리셔 우리 회사에는 퍼블리셔가 따로 있다? 7
65
퍼블리셔 퍼블리셔가 다뤄야 할 영역은? 5
53
퍼블리셔 신입 퍼블리셔 연봉은 얼마? 11
39
퍼블리셔 사이트를 제작하려고 합니다 13
34
퍼블리셔 사이트 제작해볼려구요 4
23
퍼블리셔 퍼블리셔탭은 인기가 없는거 같아요 10
16
퍼블리셔 이경우 어떻게 해야할까요?? 6
13
퍼블리셔 우왕..퍼블리셔도 생겼네요~ 2
12
퍼블리셔 이뻐요^^
8
퍼블리셔 저는 디자이너 이지만요.. 3
4
퍼블리셔 퍼블리셔 게시판 생겼단 말 듣고 달려왔습니다! 3
1
퍼블리셔 퍼블리셔라고 말하기는 참 미안하지만..... 2
이전
전체 목록