묻고답하기
탭 컨텐츠 위젯 구조변경 방법이 필요합니다.
2018.11.06 21:27
<ul class="widgetTabDW clearBoth widgetTab">
{@$i=0}
<!--@foreach($widget_info->tab as $module_srl => $tab)-->
<li<!--@if($i==0)--> class="active"<!--@end-->><a href="#" onclick="content_widget_tab_show(jQuery(this),jQuery(this).parents('ul.widgetTab').next('dl.widgetDivider'),{$i},1,'{$tab->url}');return false">{$tab -> title}</a></li>
{@$i++}
<!--@end-->
</ul>
<dl class="widgetDivider">
{@$i=0}
<!--@foreach($widget_info->tab as $module_srl => $tab)-->
<dt><a href="#" onclick="content_widget_tab_show(jQuery(this),jQuery(this).parents('ul.widgetTab').next('dl.widgetDivider'),{$i},1,'{$tab->url}');return false">{$tab->title}</a></dt>
<dd<!--@if($i==0)--> class="open"<!--@end-->>
{@$widget_info->content_items = $tab->content_items}
<!--#include("_tab_none.html")-->
<a class="tab_more" href="{$tab->url}">more +</a>
</dd>
{@$i++}
<!--@end-->
</dl>
웹접근성에 맞추는 작업에
키보드 이용시(tab키) 탭메뉴 이동이 논리적이어야하는 항목이 있습니다.
탭제목1 -> 탭제목2 -> 목록 -> 더보기 순서로 이동되어서
사용자가 혼란을 초래하게됩니다. (이게 탭1목록인지 탭2 목록인지)
탭제목1 -> 탭1 목록 -> 탭1 목록 더보기 -> 탭제목2 -> 탭2 목록 -> 탭2 목록 더보기
순으로 구성을 하여야하는데
탭제목 영역과 탭목록 영역이 따로있고
템플릿 문법이 겹쳐서
어려움을 겪고있습니다..
목록 인식에 다른 방법도 있겠지만 논리적인 이동순서가 정석이고 우선이어서
이렇게 도움을 구하고자 올립니다.
참고 이미지도 첨부하겠습니다. 많이 도와주시면 감사하겠습니다.
댓글 2
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
내놔내놔 | 고수님들 풀페이지 적용시 탭키가 안먹힙니다..도와주세요 [2] | 2022.10.06 by 내놔내놔 |
엑스이다국어 | XE에서 기본적으로 제공하는 다국어탭의 리스트명을 변경할 수 있나요? [2] | 2020.07.15 by XEANT.com |
아데나 | 게시판의 분류탭마다 사용자정의를 다르게 할수있나요? [2] | 2019.05.31 by 아데나 |
이와이 | 탭 형식 위젯에 더보기 링크 추가하기 [2] | 2019.02.21 by 이와이 |
이와이 | content 위젯 탭 형식 관련 | |
이영건 | 탭 컨텐츠 위젯 구조변경 방법이 필요합니다. [2] | 2018.11.07 by 이영건 |
방랑자유 | 탭형 최근글 스킨 xe_official 이미지 롤오버? 문의드립니다. | |
lis**** | 회원정보 보기에서 특정탭 기능 제거 [2] | 2018.02.23 by 메이퀸 |
이원호 | content 위젯 탭 링크 주소를 바꾸고 싶습니다 [1] | 2017.12.19 by 재미나게 |
지나 | 회원 설정에서 회원가입 탭 클릭시 빈화면... | |
김호띠 | 유챗 탭 [1] | 2017.08.04 by 이온디 |
달리다굼 | 탭메뉴를 클릭하면 글자가 사라집니다. [2] | 2017.06.29 by 달리다굼 |
kim5**** | 게시판 분류 탭의 "전체" 클릭시 문제점 [3] | 2017.04.05 by kim5**** |
야야야료 | 크로탭 스케줄 맞는지 확인좀 부탁드려요 | |
야야야료 | 크론탭 스케줄짜기 | |
꼼꼼이 | 고급 탭 도메인 변경 실수 문의 [1] | 2017.02.13 by 펭구 |
파도. | 스케치북 최근게시물 상단 탭 오른쪽 여백 없애기 | |
fai**** | 외부문서에 jquery 탭메뉴가 안되요 | |
h2y_07 | 홈페이지 탭 바꾸기 [1] | 2017.02.02 by 제이와이엔소프트 |
크앙 | 회원정보 보기 탭 관련 질문! |
이 기본틀이 정찬명님(이분이 나름 웹접근성의 선도자 정도 되는분입니다.)이 있을때 잡혔을거 같은데..
이영건님이 문제시 하는 부분이 백번 맞는 말이지만 구조적으로 원하는 형태로 작업이 힘들겁니다.
아마 그래서 정찬명님이 포기하신거 같고..
이건 잡으시려면 레이아웃에서
<ul>
<li><a href="">제목1</a>
<div>위젯불러오기1</div>
</li>
<li><a href="">제목2</a>
<div>위젯불러오기2</div>
</li>
</ul>
형태로 잡아야 할겁니다. 위젯에서 탭만드는 형태로는 웹접근성을 지키기는 힘들겁니다.