본문 바로가기

웹 접근성 도움말 바로가기

드롭다운/풀다운 메뉴

웹 사이트에서 드롭다운/풀다운 메뉴 사용

사례 1: 무료 EBS 강좌의 강좌전송, 이벤트의 이벤트 목록 정렬의 드롭다운 메뉴 'Tab'이동 순서

1-1 위의 3가지 메뉴의 키보드 운용입니다.
'Tab'으로 해당 메뉴를 이동 합니다. 드롭 되는 메뉴를 선택하기 위해 'Enter'를 누릅니다.
방향키로 해당 메뉴를 선택 하고 'Enter'로 이동 합니다.
이벤트 목록 정렬은 해당 메뉴를 선택한후 'Tab'으로 '선택' 버튼으로 이동 후 'Enter'를 눌러 해당 영역을 활성화 합니다

사례 1

이벤트페이지 내 드롭다운 사례 표기

사례 2: 제품비교의 풀다운 메뉴 'Tab'이동 순서

2-1 제품비교의 풀다운 메뉴 키보드 운용 입니다. 'Tab'으로 해당 메뉴로 이동 합니다. 해당 메뉴를 선택하기 위해 'Enter'를 누릅니다. 활성화된 영역으로 이동 하기 위해 'Tab'을 누릅니다.

사례 2

제품비교 추가하기 레이어팝업 중 풀다운 사례 표기