プレイするための明確なエントリを作成する
実際のボタンまたは別のフォーカス可能なコントロールを使用してゲームを開始し、そのアクションが意図的である場合にのみフォーカスをゲーム画面に移動します。キャンバスにキーボード入力が必要な場合は、そのコンテナに適切なフォーカス動作と目に見えるインジケーターを与えます。プレーヤーがプレイに入る前にキーをグローバルにキャプチャすることは避けてください。通常のページ ナビゲーションや入力が妨げられる可能性があります。
設定パネルまたは一時停止メニューが開いたら、フォーカスを内部に移動し、閉じるまでナビゲーションを維持します。閉じるときに、メニューを開いたボタンがまだ存在する場合はフォーカスをオープナーに戻します。 MDN では、HTMLElement.focus とキーボード イベントの指示におけるその役割について文書化しています。
フォーカス遷移をテストする
Tab と Enter のみを使用してページからゲームに移動し、メニューを開いてコントロール間を移動し、メニューを閉じてフォーカスが戻ることを確認します。表示されているフォーカス スタイルがゲームの視覚効果によって隠されていないことを確認してください。ゲームでキーボード ショートカットを使用する場合は、プレーヤーが入力するテキスト入力にフォーカスがある間はキーボード ショートカットが起動しないようにしてください。
Tab と Enter を使用してゲームに移動し、メニューを開いたり閉じたりして、フォーカスが戻ることを確認します。表示されるフォーカスのスタイルを確認し、テキスト入力でゲームのショートカットが起動しないようにします。フォーカスが離れるとキーの保持状態がクリアされるため、動きがアクティブな状態に留まることはありません。
ゲームのフォーカス管理についての質問
ゲームはドキュメントページ全体でキー入力を受け取るする必要がありますか?
プレイヤーが意図的にゲームプレイに入っており、ハンドラーが編集可能なコントロールや無関係なページの操作を回避している場合に限ります。焦点を合わせたゲーム画面により、入力境界がより明確になります。
ゲームメニューが閉じたとき、フォーカスはどこに行くべきですか?
メニューを開いたコントロールがまだ存在する場合は、そのコントロールに戻します。これにより、キーボード ユーザーに予測可能な継続ポイントが与えられます。
関連情報
古い情報を見つけましたか？ 訂正を連絡