플레이하려면 명확한 항목을 만드세요.
실제 버튼이나 다른 포커스 가능한 컨트롤을 사용하여 게임을 시작한 다음 해당 동작이 의도적인 경우에만 게임 표면으로 포커스를 이동하세요. 캔버스에 키보드 입력이 필요한 경우 해당 컨테이너에 합리적인 포커스 동작과 시각적 표시기를 제공하세요. 플레이어가 플레이에 들어가기 전에 전역적으로 키를 캡처하지 마세요. 정상적인 페이지 탐색 및 입력을 방해할 수 있습니다.
설정 패널이나 일시중지 메뉴가 열리면 초점을 안으로 이동하고 닫힐 때까지 계속 탐색하세요. 닫을 때 여전히 존재하는 경우 메뉴를 연 컨트롤로 포커스를 되돌립니다. MDN은 HTMLElement.focus와 키보드 이벤트를 지시하는 역할을 문서화합니다.
테스트 포커스 전환
Tab과 Enter만 사용하여 페이지에서 게임으로 이동하고, 메뉴를 열고, 컨트롤 사이를 이동하고, 닫고, 포커스 반환을 확인하세요. 눈에 보이는 포커스 스타일이 게임의 시각 효과로 인해 숨겨지지 않았는지 확인하세요. 게임에서 키보드 단축키를 사용하는 경우 플레이어가 입력할 수 있는 텍스트 입력에 초점이 맞춰져 있는 동안 단축키가 실행되지 않는지 확인하세요.
Tab과 Enter를 사용하여 게임으로 이동하고, 메뉴를 열고 닫고, 포커스 반환을 확인하세요. 눈에 보이는 포커스 스타일을 확인하고 텍스트 입력 시 게임 바로가기가 실행되지 않도록 합니다. 초점이 벗어날 때 누르고 있는 키 상태를 지워 움직임이 활성 상태로 유지되지 않도록 합니다.
게임 포커스 관리 관련 질문
게임은 전체 문서의 키를 수신해야 합니까?
플레이어가 의도적으로 게임 플레이에 들어갔고 핸들러가 편집 가능한 컨트롤과 관련 없는 페이지 상호 작용을 피하는 경우에만 가능합니다. 집중된 게임 표면은 더 명확한 입력 경계를 제공합니다.
게임 메뉴가 닫힐 때 초점은 어디로 가야 합니까?
해당 컨트롤이 여전히 존재하는 경우 메뉴를 연 컨트롤로 반환합니다. 이는 키보드 사용자에게 예측 가능한 연속 지점을 제공합니다.
추가 읽을거리
오래된 정보를 발견하셨나요? 수정 사항 제보