1뎁스 카테고리의 어제많이팔린상품/새로나온상품 탭 영역 키보드 블라인드 가이드

상품리스트 페이지의 어제많이팔린상품/새로나온상품 탭 영역은 탭 UI로 구성되어 있습니다. 각 탭의 컨텐츠 영역에는 어제 많이 팔린 상품의 목록과 새로나온 상품의 목록이 리스트로 나열되어있으며, 이 리스트는 슬라이드 UI로 정보제공됩니다.
  1. 최초로 초점이 이동 되는 곳은 탭 내비게이션입니다.
  2. ENTER 키를 치지 않으면, 탭 내비게이션의 제목만을 읽고 다음 영역인 오늘콕 배너로 빠르게 넘어갈 수 있습니다.
  3. 탭 내비게이션에 초점이 머문 상태로 ENTER 키를 한번 누른 뒤, TAB 키를 누르면 해당 탭 컨텐츠 영역으로의 진입이 시작됩니다.
  4. 컨텐츠 영역의 상품 목록은 인디케이터가 없는 슬라이드로 표현되어있습니다.
  5. 해당 슬라이드의 경우 무한롤링 되지 않고 멈춰있는 슬라이드로, 첫번째 슬라이드와 마지막 슬라이드 활성화 시에 각각 좌측 화살표 모양 컨트롤와 우측 화살표모양 컨트롤이 감춰지도록 처리되어 있습니다.
  6. 따라서, 슬라이드 진입시에 첫 번째 초점이 머무는 요소는 우측 화살표 입니다.
  7. 좌, 우 컨트롤러에 촛점이 가 있는 상태에서 ENTER 키를 누르면 각각 이전, 다음 슬라이드로 한 장씩 넘어갑니다.
  8. 우 컨트롤러에서 TAB 키를 누르시면 첫 번째 상품의 링크로 초점이 이동됩니다.
  9. 상품 목록내의 탐색은 TAB 와 SHIFT+TAB 을 이용하여 각각 진행과 역진행이 가능합니다.
  10. 상세 내용이 궁금한 상품 위에서 ENTER 키를 누르시면 상품 상세 영역으로의 진입이 가능합니다.
  11. 상품 목록의 마지막 링크에서 TAB 을 누르시면 현재 선택이 되어진 탭 내비게이션으로 초점이 이동되며 현재 컨텐츠 영역을 빠져나가게 됩니다.
  12. 상품목록의 어느 요소에 초점이 있던 키보드의 좌측방향 화살표 키와 우측방향 화살표 키를 누르면 이전, 다음 슬라이드로 한 장씩 넘어갑니다.
  13. 키보드 방향키를 이용하여 슬라이드를 넘겼을 시에는 항상 활성화된 슬라이드의 첫번째 상품의 첫번째 링크가 초점을 받습니다.

어제 많이 팔린 상품

㉩ 칠성사이다 (미니)(160ML*12입) 1,000 원 Lpoint 할인 매장배송

㉩ 칠성사이다 (미니)(160ML*12입)

판매가 4,580

최저가 3,580

새로 나온 상품

해태 오예스(30G*18입) 2,200 원 Lpoint 할인 매장배송

해태 오예스(30G*18입)

판매가 7,180

최저가 4,980

금주의인기상품

추천상품

픽업 선택 완료

잠실점 매장 픽업 으로
픽업쇼핑을 시작합니다.