가리키기 터치 지원

Windows 8.1의 Internet Explorer 11에는 길게 누르기 사용자 조작 패턴을 통해 가리키기 메뉴처럼 가리키기가 필요한 일반적인 UX 시나리오에 대한 기본 제공 터치 지원이 있습니다.

중요  Windows 7의 IE11에서는 이 기능이 지원되지 않습니다.

마우스 또는 펜 입력 장치는 요소를 활성화하지 않고 요소를 가리킬 수 있지만, 페이지 요소 위로 커서를 가져가는 동작에 해당하는 터치는 없습니다. 드롭다운 메뉴 제목과 같은 요소를 터치하면 요소를 가리키는(메뉴 확장) 동시에 활성화(메뉴 제목 링크로 이동)하므로 드롭다운 메뉴에서 다른 옵션을 선택할 수 없습니다.

Windows 8의 Internet Explorer 10부터 aria-haspopup 속성을 사용하여 요소에 숨겨진 가리키기 콘텐츠가 있음을 나타낼 수 있습니다. 그러면 처음 탭할 때 링크를 활성화하는 대신 IE에서 가리키기를 시뮬레이션합니다.

Windows 8.1의 IE11에서 터치 장치 사용자는 단순하고 직관적인 제스처를 사용하여 가리키기(길게 누르기)와 클릭(탭하기)을 구분할 수 있습니다.

마우스 제스처해당하는 터치 제스처
Windows 8의 IE10 Windows 8.1 Preview의 IE11 Windows 8.1의 IE11
클릭탭하기
가리키기 탭하기(요소에 aria-haspopup이 지정된 경우) 길게 누르기탭하기(요소에 aria-haspopup이 지정된 경우) 또는 길게 누르기(모든 요소)
가리키기 취소(가리키기 상태 종료)페이지의 다른 곳(요소 외부) 탭하기

 

Internet Explorer 10에서 길게 누르기 제스처는 페이지 상황에 맞는 메뉴(복사, 링크 열기 등)를 활성화하여 가리키기 메뉴의 표시를 차단할 수 있습니다. IE11에서는 이제 페이지 상황에 맞는 메뉴가 Windows 앱 바로 페이지 맨 아래에 표시됩니다.

Internet Explorer 10부터는 요소에 aria-haspopup="false"를 지정하여 지정된 요소에 대한 모든 터치 가리키기 시뮬레이션 기능(탭하기 또는 길게 누르기)을 사용하지 않도록 설정할 수 있습니다.

UX 모범 사례

가리키기 기반의 사용자 환경은 기본적으로 터치에 최적화되어 있지 않으며, 해당 시나리오에서 웹 브라우저가 터치식 입력에 응답하는 표준화된 방법은 없습니다. 또한 가리키기 메뉴는 일반적으로 접근성이 부족하며 마우스 효율성에도 적합하지 않습니다.

모범 사례는 가리키기를 통해 사용자가 조작할 수 있는 콘텐츠를 숨기지 않는 것입니다. 대신 click 이벤트를 사용하여 표시 유형을 전환합니다.

 

 

표시:
© 2014 Microsoft