일반적으로 접근성에 맞추어서
탭을 만들때
<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>
<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>
<!-- //탭리스트 -->
<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>
<!-- //탭 컨텐츠 -->
<div>탭 내용1</div>
<div>탭 내용2</div>
<div>탭 내용3</div>
<!-- //탭 컨텐츠 -->
이런식으로 탭마크업을 하게 되는 경우가 있잖아요..
이럴경우는 포커스이동이 논리적 구조에 따라 이동이 안되잖아요..
이럴경우는 퍼블리셔 분들은 접근성 작업할때 어떻게 처리를 하나요..
완전 애매한 부분이라서요..
알려주시면 감사드리겟습니다.
댓글 5개
게시글 목록
| 번호 | 제목 |
|---|---|
| 366 | |
| 365 | |
| 356 | |
| 350 | |
| 337 | |
| 324 | |
| 320 | |
| 315 | |
| 310 | |
| 306 | |
| 302 | |
| 297 | |
| 293 | |
| 276 | |
| 274 |
퍼블리셔
처리됨 취소선 찍찍
1
|
| 268 |
퍼블리셔
반응형 웹 견적내는법 아시는분
5
|
| 264 |
퍼블리셔
CSS 문의 드립니다.
3
|
| 261 | |
| 254 |
퍼블리셔
퍼블리셔 서브 메뉴의 글
6
|
| 249 | |
| 242 |
퍼블리셔
같다 = 같다?
6
|
| 235 | |
| 227 | |
| 222 |
퍼블리셔
개발자이지만....ㅎㅎ
4
|
| 218 |
퍼블리셔
오늘 아침 검색하다가 ㅋㅋㅋ
3
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기