記事へ移動
ELSELAND AI
JA
今すぐプレイ
キーボード、タッチ、カラー、モーション、オーディオオプションでアクセス可能なブラウザゲームコントロール

ブラウザゲームをアクセシブルにする方法:キーボード、モーション、カラー、オーディオ

キャンバスはアクセシビリティからゲームを除外しません。 プレイヤーは、引き続き、ブラウザと支援技術を通じて、認識可能な目標、操作可能な制御、理解できるフィードバック、および堅牢な行動が必要です。

ブラウザゲームアクセシビリティは、プレイヤーが確認、理解、制御できる結果を改善する場合にのみ有用です。 W3C WAI は、Web コンテンツやデジタル製品に対するアクセシビリティ基準と評価材料を開発しています。 ブラウザゲームは、WCAGが情報化した実装と無効なプレーヤーでプレイテストを必要とする、高速入力、キャンバスレンダリング、モーション、オーディオ、タイミング、およびゲームの状態の課題を追加します。

ブラウザゲームデザイナー、フロントエンド開発者、QAチーム、プロデューサー、アクセシビリティレビュー担当者向けに設計されています。 現在のトピックを実用的なAIゲームQAチェックリストに接続し、読者に広範な生産ワークフローで公開起動や既知のゲームデザインパターンを比較する方法を提供します。

Elselandはこの編集解析を再生可能なブラウザ例に接続します。 この記事は、タイム感度の高い事実と名前の有名なゲームのためのファーストパーティのドキュメントをパブリックデザインケースとしてのみ使用しています。 制御された Elseland の テストが存在しなければ、テキストはそう言います。 推奨事項は、ターゲットビルド、オーディエンス、パフォーマンス予算、安全要件、および現在のプラットフォーム規則に条件付きです。

クイックリード

要点

  • キーボードとタッチパス、リマッピング、可視フォーカス、ジェスチャーや迅速な繰り返し入力の代替品を提供します。
  • 色、音、動き、または単独でタイミングを通すことで重要なルールを伝えないでください。
  • 減感の好みを点検し、カメラの振動、フラッシュ、粒子およびアニメーションの強度のための制御を提供します。
  • 自動チェックは、周囲のページで役立ちます。実際のゲームの状態のテストは、人間と援助技術の見直しを必要とします。
01

全ブラウザゲーム全体で地図アクセシビリティ

プレイヤーの目に見えない決定から始まり、技術の新しさは始まります。 アクセス可能な経験には、ページ、ナビゲーション、同意、読み込み、制御、キャンバス、メニュー、チュートリアル、HUD、オーディオ、エラー、一時停止、設定、結果、および回復が含まれます。 このフラミングは、リリースウィークの興奮が衰退した後に、セクションを有用な状態に保ちます。リーダーは、後者のモデル、エンジンバージョン、ブラウザ、またはプラットフォームルールに対する同じ決定を評価できるからです。

W3C Webアクセシビリティ・イニシアチブは、ガイドのこの部分について第一次証拠を提供します。 文書化された機能または公共のデザインのコンテキストを確立します。それは、ユニバーサル品質、プレーヤーの好み、生産の信頼性、またはElselandの支持を証明しません。 出荷決定書にクレームを頼る前に、この記事の日付付きメモと一緒にW3C Webアクセシビリティイニシアチブをお読みください。

実用的な実装は、入力、出力、故障状態、承認の書面による契約から始まります。 キーボードのみで完全なセッションをトレース, 画面の拡大, 動きを削減, 突然のオーディオ, 高ズーム, タッチ, 少なくとも1つの補助技術レビュー. 関連するAIゲームQAチェックリストは、ワークフローに関する第2のElselandの観点から提供され、チームは現在のトピックから具体的な生産に移行したり、このページを隔離された回答として扱うことなくコンテキストを再生することができます。

メインの失敗モードは、直感しやすいです。 準拠のランディングページは、ゴール、ボタン、ゲームの状態、エラー、および終了がプレーヤーに見えない、アクセス不能なキャンバスに集中できます。 期待した結果を記録し、実際に何が起こったのかをキャプチャし、ギャップが許容できるかどうか、修正可能か、または大きなアプローチを拒否する。 そのレコードなしで研磨された出力はデモです。 再現可能な決定書でレビューされた出力は、生産証拠になることができます。

  • 予測可能なフィードバック結果を生成または統合する前に定義します。
  • 決定がレビューされた場所にある正確な入力、バージョン、設定、出力、およびビルドを保存します。
  • 通常のケース、境界ケース、および1つの非審美的な故障ケースを1つテストします。
  • 名称所有者に、ツールやプラットフォームの更新後にリビジョン、承認、および再チェックを割り当てます。
4つのレビューゲートを備えたブラウザゲームアクセシビリティワークフロー
トピックをレビュー可能なゲーム制作の決定に変える実用的なワークフロー。出典: Elseland 分析
02

サポート キーボード、接触、リマッピングおよび焦点

機能が実証されているかどうかは、有用な質問ではありませんが、チームが生産でそれを制御できるかどうか。 プレイヤーは、デバイス、予測可能なフォーカス、キーボードトラップ、再利用可能なコントロール、十分なターゲットサイズ、および複雑なまたはパスベースのジェスチャーの代替品に等しいアクションを必要としています。 このフラミングは、リリースウィークの興奮が衰退した後に、セクションを有用な状態に保ちます。リーダーは、後者のモデル、エンジンバージョン、ブラウザ、またはプラットフォームルールに対する同じ決定を評価できるからです。

WCAG 2.2は、ガイドのこの部分のプライマリ証拠を提供します。 文書化された機能または公共のデザインのコンテキストを確立します。それは、ユニバーサル品質、プレーヤーの好み、生産の信頼性、またはElselandの支持を証明しません。 WCAG 2.2 をこの記事の日付メモとともに読み、出荷決定書にクレームを頼る。

完全なゲームやコンテンツライブラリを横断するワークフローを拡大する前に、一枚の縦切りを作成してください。 適切なHTML制御面を露出し、アクティブな制御方法を表示し、リマッピング中に一時停止し、競合を防ぎ、ローカルの設定を保存します。 再生可能な相互作用で基づいた勧告を維持するためには、AIゲームプラットフォームコレクションは、静的デモだけからアイデアを判断する代わりに、現在の例が目標、状態の変化、フィードバック、および回復を伝達する方法を読者に比較することができます。

主故障モードは、直感しやすい: フォーカスを隠すときにキーボード入力を技術的に受け入れるゲーム、ブラウザのショートカットを介入し、同時保持を必要とするか、または退去不可能なメニューを作ることができます。 期待した結果を記録し、実際に何が起こったのかをキャプチャし、ギャップが許容できるかどうか、修正可能か、または大きなアプローチを拒否する。 そのレコードなしで研磨された出力はデモです。 再現可能な決定書でレビューされた出力は、生産証拠になることができます。

  • 想定した操作可能な制御を生成または統合する前に、結果を定義します。
  • 決定がレビューされた場所にある正確な入力、バージョン、設定、出力、およびビルドを保存します。
  • 通常のケース、境界ケース、および1つの非審美的な故障ケースを1つテストします。
  • 名称所有者に、ツールやプラットフォームの更新後にリビジョン、承認、および再チェックを割り当てます。
03

色を超えてゲームの状態を伝えます

機能境界の証拠として公共の例を扱い、その後、その境界をゲーム設計要件に変換します。 ピース、チーム、ハザード、希少性、健康、パス、成功、失敗は、形状、シンボル、位置、ラベル、パターン、アニメーション、またはテキストを hue に加えて使用する必要があります。 このフラミングは、リリースウィークの興奮が衰退した後に、セクションを有用な状態に保ちます。リーダーは、後者のモデル、エンジンバージョン、ブラウザ、またはプラットフォームルールに対する同じ決定を評価できるからです。

WAI アクセシビリティ リソースは、ガイドのこの部分のプライマリ 証拠を提供します。 文書化された機能または公共のデザインのコンテキストを確立します。それは、ユニバーサル品質、プレーヤーの好み、生産の信頼性、またはElselandの支持を証明しません。 この記事の日付付きメモと一緒にWAIアクセシビリティリソースを読んで、出荷決定のクレームに依存します。

チェックゲートを観察可能にして下さい:別の開発者は保存された造りおよび源の記録から結果を再現することができるべきです。 一般的なカラービジョンシミュレーション、グレースケール、コントラスト、小さな画面、明るい環境、および1つのフィルタプリセットに依存することなく、クラウド化されたレイトゲーム状態をテストします。 関連するプレイ無料オンラインゲームは、ワークフローに関する第2のElselandの観点から提供されているため、チームは現在のトピックから具体的な制作に移行したり、独立した回答としてこのページを処理することなくコンテキストを再生することができます。

メインの故障モードは、アンダーステートが簡単です。静的なスクリーンショットで区別するパレットは、効果、圧縮、重複、運動、または低品質のモバイルディスプレイの下で読み取らないことができます。 期待した結果を記録し、実際に何が起こったのかをキャプチャし、ギャップが許容できるかどうか、修正可能か、または大きなアプローチを拒否する。 そのレコードなしで研磨された出力はデモです。 再現可能な決定書でレビューされた出力は、生産証拠になることができます。

  • 期待できるルールを定義して、生成または統合する前に結果を表示します。
  • 決定がレビューされた場所にある正確な入力、バージョン、設定、出力、およびビルドを保存します。
  • 通常のケース、境界ケース、および1つの非審美的な故障ケースを1つテストします。
  • 名称所有者に、ツールやプラットフォームの更新後にリビジョン、承認、および再チェックを割り当てます。
ブラウザゲームアクセシビリティ分析で使用される公式の参照
公式の参照の視覚。出典: W3C Webアクセシビリティへの取り組み
04

動き、点滅およびカメラの不快感を減らして下さい

プレイヤーの目に見えない決定から始まり、技術の新しさは始まります。 パララックス、スクリーンシェイク、ズーム、急な粒子、自動回転、モーションブラー、ヒットストップ、および点滅フィードバックは、一部のプレーヤーの障壁や健康リスクを作成することができます。 このフラミングは、リリースウィークの興奮が衰退した後に、セクションを有用な状態に保ちます。リーダーは、後者のモデル、エンジンバージョン、ブラウザ、またはプラットフォームルールに対する同じ決定を評価できるからです。

このセクションのソースレコードは、記事の証拠リストに含まれています。 ドキュメント化された行動やパブリックデザインコンテキストを確立するために使用し、プロジェクト固有のパフォーマンス、プレーヤーの好み、権利、およびリリースの結論を実際のアーティファクトに縛ってレビューに基づいて構築します。

実用的な実装は、入力、出力、故障状態、承認の書面による契約から始まります。 影響が低下したときに重要な情報を保持し、フラッシュ周波数と現在のガイダンスに対するコントラストを見直し、比例した感情を好む、グラニューラの設定を追加し、重要な情報を追加します。 関連する最高のカジュアルゲームは、ワークフローに関する第2のElselandの観点から提供されているので、チームは現在のトピックから具体的な制作に移行したり、独立した回答としてこのページを処理することなくコンテキストを再生することができます。

主故障モードは、直下がりやすい: 単一のマスタートグルは視覚的なノイズを除去するが、損傷、方向、タイミング、または成功のための唯一のキューを削除することができます。 期待した結果を記録し、実際に何が起こったのかをキャプチャし、ギャップが許容できるかどうか、修正可能か、または大きなアプローチを拒否する。 そのレコードなしで研磨された出力はデモです。 再現可能な決定書でレビューされた出力は、生産証拠になることができます。

  • 予想される堅牢な回復結果を定義して、生成または統合する前に。
  • 決定がレビューされた場所にある正確な入力、バージョン、設定、出力、およびビルドを保存します。
  • 通常のケース、境界ケース、および1つの非審美的な故障ケースを1つテストします。
  • 名称所有者に、ツールやプラットフォームの更新後にリビジョン、承認、および再チェックを割り当てます。
05

オーディオ制御とビジュアル代替品を提供

機能が実証されているかどうかは、有用な質問ではありませんが、チームが生産でそれを制御できるかどうか。 音楽、エフェクト、対話、空間キュー、警告音は、独立したボリュームコントロール、スピーチが重要であるキャプション、視覚的または重要な情報に対する不法な等が必要になります。 このフラミングは、リリースウィークの興奮が衰退した後に、セクションを有用な状態に保ちます。リーダーは、後者のモデル、エンジンバージョン、ブラウザ、またはプラットフォームルールに対する同じ決定を評価できるからです。

このセクションのソースレコードは、記事の証拠リストに含まれています。 ドキュメント化された行動やパブリックデザインコンテキストを確立するために使用し、プロジェクト固有のパフォーマンス、プレーヤーの好み、権利、およびリリースの結論を実際のアーティファクトに縛ってレビューに基づいて構築します。

完全なゲームやコンテンツライブラリを横断するワークフローを拡大する前に、一枚の縦切りを作成してください。 ラベルスピーカーと意味のある音、重要な対話の再生を可能にし、自動再生を避け、最初の相互作用からミュートをサポートし、オーディオなしでテストします。 比較ループが短くなり、パッシング、入力明快さ、アクセシビリティ、再起動動作、プレーヤーフィードバックが直接検査できるコンパクトなセッションを提供します。

主要な障害モードは、直感しやすい:言葉を反復するキャプションは、画面のハザード、トーン、アイデンティティ、タイミング、または聴覚プレーヤーが受け取るアクションキューを省略できます。 期待した結果を記録し、実際に何が起こったのかをキャプチャし、ギャップが許容できるかどうか、修正可能か、または大きなアプローチを拒否する。 そのレコードなしで研磨された出力はデモです。 再現可能な決定書でレビューされた出力は、生産証拠になることができます。

  • 予測可能なフィードバック結果を生成または統合する前に定義します。
  • 決定がレビューされた場所にある正確な入力、バージョン、設定、出力、およびビルドを保存します。
  • 通常のケース、境界ケース、および1つの非審美的な故障ケースを1つテストします。
  • 名称所有者に、ツールやプラットフォームの更新後にリビジョン、承認、および再チェックを割り当てます。
ブラウザ ゲームアクセシビリティ 4 部分分析マトリックス
4 部の行列を使用して、機能、統合、プレーヤーの経験を分離し、証拠を解放します。出典: Elseland 分析
06

実際のプレーヤーと米国とのアクセシビリティをテストして下さい

機能境界の証拠として公共の例を扱い、その後、その境界をゲーム設計要件に変換します。 自動化されたツールは、DOMのセマンティックスとコントラストを検査することができますが、ゲームアクセシビリティは、タイミング、認知、モーター負荷、フィードバック、難しさ、そしてオプションが実際のプレイ中に機能するかによって異なります。 このフラミングは、リリースウィークの興奮が衰退した後に、セクションを有用な状態に保ちます。リーダーは、後者のモデル、エンジンバージョン、ブラウザ、またはプラットフォームルールに対する同じ決定を評価できるからです。

このセクションのソースレコードは、記事の証拠リストに含まれています。 ドキュメント化された行動やパブリックデザインコンテキストを確立するために使用し、プロジェクト固有のパフォーマンス、プレーヤーの好み、権利、およびリリースの結論を実際のアーティファクトに縛ってレビューに基づいて構築します。

チェックゲートを観察可能にして下さい:別の開発者は保存された造りおよび源の記録から結果を再現することができるべきです。 無効なプレーヤーや専門家の査読機を早期に含め、オンボーディングとストレスの多い状態をテストし、重症度による障壁を記録し、完全なセッション全体で修正を確認。 関連するプレイ無料オンラインゲームは、ワークフローに関する第2のElselandの観点から提供されているため、チームは現在のトピックから具体的な制作に移行したり、独立した回答としてこのページを処理することなくコンテキストを再生することができます。

主要な故障モードは、直感しやすいです。 コンプライアンステストをLateすると、ルール、アート、コントロール、音声、進行状況が安全に変更される可能性が高まっています。 期待した結果を記録し、実際に何が起こったのかをキャプチャし、ギャップが許容できるかどうか、修正可能か、または大きなアプローチを拒否する。 そのレコードなしで研磨された出力はデモです。 再現可能な決定書でレビューされた出力は、生産証拠になることができます。

  • 想定した操作可能な制御を生成または統合する前に、結果を定義します。
  • 決定がレビューされた場所にある正確な入力、バージョン、設定、出力、およびビルドを保存します。
  • 通常のケース、境界ケース、および1つの非審美的な故障ケースを1つテストします。
  • 名称所有者に、ツールやプラットフォームの更新後にリビジョン、承認、および再チェックを割り当てます。
07

ブラウザゲームのアクセシビリティのための生産の決定フレームワーク

チームが限界の決定を下すのに役立つ、便利な最初のドラフト。 ブラウザゲームアクセシビリティのために、それは、プロジェクトが確実に統合できるものから、プレーヤーが理解できるもの、およびリリースプロセスが守ることができるものから、技術や設計パターンを分離することを意味します。 これらの質問を組み合わせることは、誤った自信を生み出します。視覚的に強い結果は、性能、安全性、アクセシビリティ、またはメンテナンスレビューに失敗する可能性があります。

同じアーティファクトやビルドに対して各次元をスコアします。 プロバイダーの洗練されたショーケースと関連のないローカルプロトタイプを比較し、その結果をベンチマークと呼ぶことはありません。 直接テストが利用できなくなった場合は、解析をドキュメントベースとしてラベル付けし、不確実性を保持し、観察に不当を交換するために必要な最小限の実験を定義します。

下の表は意図的にツールニュートラルです。 モデル、エンジン、API、プラットフォームの変更後に再利用できます。 パスは、4列で証拠を必要とします。 1列の強度は、別の列でリリースブロックの失敗を補うべきではありません。

レビューの寸法質問保持する証拠故障状態
浸透可能なフィードバックプレイヤーの目に見えない結果は生成できますか?入力、出力、バージョン、および選択基準結果は、ドキュメントされていないラッキーサンプルに依存します
操作可能な制御結果は、隠されたリワークなしで実際のパイプラインを入力することができますか?ソースファイル、変換、コード変更、およびログの作成ワークフローは、ランタイム、フォーマット、または所有権契約を破棄します。
理解できるルールプレイヤーは理解し、制御し、回復することができますか?フレッシュプレイヤーのメモ、アクセシビリティチェック、および失敗キャプチャ機能がルールを隠す、代理店を取り除き、または説明なしで失敗します
強力な回復チームを出荷し、責任を持って維持することができますか?権利、開示、承認、監視、およびロールバック計画チームでは、実証済みのポリシー、ポリシーの適合、または運用の所有権について説明することはできません。
08

ブラウザゲームアクセシビリティのためのフィールド検証チェックリスト

最初の可塑性の結果とスケーリング前のチェックリストを実行します。 候補者のリビジョンの横に、無接触のベースラインを保ちましょう。 ベースラインは、意図した寸法を実際に改善するか、単に問題が見えない場所に移動したかを明らかにします。

いつでも、リアルタイムで配送環境を使用可能に。 ブラウザ、モバイル、エンジンエディタ、ストアフロント、ローカルの不当な条件は、異なる制約を明らかにします。 デバイス、ブラウザ、エンジンのバージョン、ネットワークの状態、コンテンツバージョン、およびレビュアーを記録するので、後で、メモリに依存しないで観察を再現できます。

パス、条件付きパス、リベス、または拒否の4つのステータスでレビューを終了します。 条件付きパスには、境界例外、所有者、およびレビューのためのトリガーが必要です。 「良い」とは、証拠、意図された使用、または既知の制限について何も言うのでリリースステータスではありません。

  • この記事の文書化された機能が、現在の公式ソースとアクセス日に対して確認します。
  • 最小の完全プレーヤーループをテストします。, 唯一の独立したアセットや会話の応答.
  • レイテンシ、パフォーマンス、明快さ、安全、そして回復行動をキャプチャして、経験に影響を及ぼします。
  • ルールを説明し、次のアクションを識別するために機能を構築しなかった査読者を尋ねます。
  • 公開前のアンカーテキストリンク、ソースアトリビューション、開示、および権利レコードを確認します。
  • 受理されたアーティファクトと渡された理由を保存します。 影響を受けたチェックを繰り返します。
09

ブラウザのゲームのアクセシビリティに関する証拠、制限、および編集位置

このガイドは、Elselandが製品やゲームごとに制御されたベンチマークを行なったという主張ではなく、文書ベースの編集分析です。 公的な情報源は、公共機能、ルール、リリースタイミング、設計文を確立します。 ユニバーサル・パフォーマンス、法的クリアランス、商業的成功、またはプレイヤーが持つ経験を確立しません。

公序良俗に利用されているゲームは、公序良俗に利用するゲームです。 本記事は、個人設計データ、開発者との提携、内部メトリックの知識などにアクセスできない。 解析が文書化された事実から解釈に移るとき、文言は条件付きで、推論される設計原則を識別するべきである。

出版物の前に、エディタはタイム感度のあるソースを再オープンする必要があります。スクリーンショットは参照されたページの英語版と一致し、必要な場所にある絶対的な日付を更新することを確認してください。 したがって、最も強い結論は実用的で拘束されています。その前提がプロジェクトに一致し、実際のコンテキストでそれをテストし、決定を見直しるために十分な証拠を保持するときにアプローチを使用してください。

文言の種類必須治療
公式に文書化された事実アンカーテキストの引用と不安定な詳細のための絶対的な日付を使用する
プロジェクトの結果を観察ビルド、環境、サンプル、メソッド名
編集通訳基準とトレードオフの状態; 事実として不本を提示することを避けて下さい
予測またはロードマップ確認、報告、および分光要素を分離

よくある質問

ブラウザゲームアクセシビリティを評価する最も簡単な方法は?

1つのプレーヤーの目に見えない結果を選択し、それを含む最小の完全なループを構築し、テストの前にパス基準を定義します。 ベースラインと候補の同じ入力とレビュー寸法を使用して、比較は異なるタスクではなく変更を反映します。

誰がこのブラウザゲームアクセシビリティガイドですか?

ブラウザゲームデザイナー、フロントエンド開発者、QAチーム、プロデューサー、アクセシビリティレビュー担当者向けに作成します。 スペシャリストは、決定表をハンドオフツールとして使用できますが、小規模なチームがフィールドチェックリストを使用して、魅力的で統一された結果のスケーリングを回避できます。

公式の製品デモはワークフローがプロダクション対応しているのか?

ナンバー デモは、プロバイダが機能を示すことを確立することができますが、生産の信頼性は、繰り返し性、統合コスト、プレーヤーの明快さ、性能、安全、権利、およびターゲットプロジェクトでのメンテナンスに依存します。

AI の-評価ゲームの仕事にどのようにチームを文書化すべきか?

プロンプトまたは入力、プロバイダ、バージョン、設定、生成された出力、ヒューマン編集、レビュー、決定日、最終アセット、または識別子を作成してください。 リリース承認に影響を及ぼす権利、開示、安全、およびロールバックレコードを追加。

初期の草案には、テストケースがいくつありますか?

少なくとも1つの通常のケース、境界ケース、1つの審議失敗ケースで始まります。 つまり、ユニバーサルベンチマークではありませんが、チームがより大きな評価に投資する前に、ワークフローが定義された回復パスを持っているかどうかを明らかにするのは十分です。

チームがそれを見直しるのではなく、アプローチを拒否すべきですか?

コアプレーヤーの成果がプロジェクトのパフォーマンス、制御、安全、権利、またはメンテナンス要件と競合し、境界変化がギャップを閉じることができないときにそれを再注入します。 失敗した証拠を保存し、不適切なアプローチが後で繰り返されないようにします。

プラットフォームやモデルの変更後に同じフレームワークを使用できますか?

あり。 4つのレビュー寸法は、意図的に1つのベンダーに依存しています。 タイム感度のあるソースチェックと影響を受けたテストを繰り返し、新しいバージョンを想定するのではなく、保存されたベースラインで新しい結果を比較します。

読者がこのガイドを終えた後に何をすべきですか?

フィールドチェックリストを実際のアーティファクトまたは再生可能なループで使用し、リンクされたElselandガイドで次の生産決定に最も適した。 ゴールが単にプレイするなら、ゲームライブラリを探索し、直接テストできる経験と分析を比較します。

出典と参考資料

  1. W3C Webアクセシビリティへの取り組み

    規格、サポート材料、および現在のアクセシビリティーの作業。

  2. WCAG 2.2(シーサー)

    現在のWebコンテンツアクセシビリティの推奨事項。

  3. WAI アクセシビリティリソース

    設計、開発、評価、適合リソース。

次のステップ

実際にプレイできるゲーム以外にフレームワークを置いてください。

ライブインタラクションで記事のデザイン基準を比較し、プレーヤーが理解し、制御できるものを録音します。無料のオンラインゲームを再生

さらに見る