Skip to content

Keyboard Control

yoycode edited this page Jul 7, 2023 · 4 revisions

JDesignSystem은 사용자 경험에 중요한 역할을 하는 접근성을 중요하게 생각합니다. 특히 키보드를 이용한 웹사이트 탐색이 부드럽게 이루어질 수 있도록, 키보드제어에 특별히 주의를 기울였습니다.

Focusing

키보드를 웹사이트를 탐색하는 사용자들이 우리의 컴포넌트를 쉽게 발견하고 사용할 수 있도록 적절한 tabIndex를 지정해주었습니다. 또한, 각 컴포넌트는 포커스 시 명확한 시각적 표시를 제공합니다.

Keyboard Interaction

방향 제어, 토글, 닫기 등 키보드 인터랙션이 필요한 컴포넌트의 경우, 별도의 로직을 추가하여 키보드로 컴포넌트와 상호작용할 수 있도록 구현했습니다. 또한, MacOS와 Windows에서 다르게 처리되는 event.key 값을 고려하여, 운영체제에 관계없이 일관된 사용자 경험을 제공할 수 있도록 하였습니다.

이러한 키보드 인터랙션 구현은 ARIA Authoring Practices Guide 를 기반으로 지속적으로 개선 및 보완이 될 것입니다.

Clone this wiki locally