threejs-accessibility

アクセシブルな3D体験

プロジェクトにインストール済みのバージョンと既存のアーキテクチャを使用してください。この指示はユーザーのタスクを補足するものであり、無関係な変更や外部での操作を許可するものではありません。

3Dビューがどのような情報や操作を伝えるのかを特定してください。装飾的なシーンは支援技術から隠せますが、意味のあるシーンにはアクセシブルな名前や説明と、必要な情報を得るための同等の手段が必要です。

意味のある操作は、同じアプリケーション状態と同期するネイティブのHTMLボタン、入力欄、リスト、ステータステキストとして公開してください。キャンバスにラベルを付けるだけでは、個々の3Dオブジェクトはアクセシブルになりません。コンフィギュレーターでは、キャンバスの外部にオプションと選択値を公開してください。チャートでは、表またはテキストによる要約を提供してください。

視認できるフォーカス、論理的なタブ順序、回転・ズーム・リセット・選択のためのキーボード操作、操作を解除する方法を実装してください。フォーカスがビューアーの外にあるときに、ページ全体のキー操作を横取りしないでください。タスクの達成に必要な場合は、ポインターだけに頼るドラッグ操作に代わる手段を用意してください。

prefers-reduced-motionとその設定の変更を尊重してください。不要なカメラ移動、視差、自動回転、点滅をなくし、安定した状態と一時停止コントロールを用意してください。色だけでなく、コントラスト、テキストラベル、形状も活用してください。

読み込み中、失敗時、非対応デバイス向けの有用なHTMLを用意してください。重要な状態の変化は通知しつつ、すべてのフレームやホバーについて通知しないようにしてください。可能な場合は、キーボードのみ、ブラウザーのズーム、視覚効果を減らす設定、スクリーンリーダー、WebGLが利用できない環境でテストしてください。テストしていない支援技術は明記してください。

APIリファレンス

正確なシグネチャとリビジョンごとの動作については、公式ドキュメントを参照してください。ドキュメントにアクセスできない場合は、インストール済みの型やソースを調べ、残る不確実性を明記してください。