Tryit
♿ アクセシビリティに関する声明
このサイトのアクセシビリティについて示せること、示せないこと、そして私たちが誤っていたときに知らせる方法です。
私たちの取り組み
Tryit は、障がいのある方のデジタルアクセシビリティの確保に取り組んでいます。すべての方のユーザー体験を継続的に改善し、関連するアクセシビリティ基準を適用しています。
適合状況
ウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.1 のレベル AA への適合を目指しています。これらのガイドラインは、障がいのある方にとってウェブコンテンツをより利用しやすく、すべての方にとってより使いやすくする方法を説明しています。
実施した対策
キーボードナビゲーション
すべてのインタラクティブ要素（クイズ、ゲーム、共有ボタン、メニュー）は完全にキーボードでアクセス可能で、可視のフォーカスインジケーターを備えています。
スクリーンリーダー対応
意味のあるアイコンにはアクセシブルな名前があり、装飾的なアイコンは支援技術から隠しています。進行状況やプレイ結果などの動的な状態は ARIA ライブリージョンで読み上げます。
色のコントラスト
テキストと UI 要素は、WCAG 2.1 AA の最小コントラスト比（通常テキスト 4.5:1、大きなテキスト 3:1）を満たしています。
モーション軽減
すべてのアニメーションとトランジションは prefers-reduced-motion メディアクエリを尊重します。この設定が有効な場合、紙吹雪、ルートボックスの演出、ページ遷移は無効化または最小化されます。
フォーカス管理
モーダルダイアログとオーバーレイはフォーカストラップを使用し、キーボードユーザーがモーダルの背後にタブ移動することを防ぎます。オーバーレイが閉じるとフォーカスが復元されます。
ナビゲーションのスキップ
キーボードおよびスクリーンリーダーユーザー向けに、すべてのページで「コンテンツにスキップ」リンクが利用可能です。
セマンティック HTML
アプリケーション全体で適切な見出し階層、ランドマークリージョン、ARIA 属性を使用しています。
フォームラベル
何かを入力する操作（短い説明、クイズの答え、名前）にはラベルがあり、問題は色だけでなく文字でも示します。
タップ領域のサイズ
インタラクティブな要素は、FAQ の開閉行を含め、すべて 44 × 44 ピクセル以上です。
リリースゲートとしての自動チェック
リリースごとに axe-core スイープ（WCAG 2.0/2.1 A・AA と WCAG 2.2 AA のルール）を、サイト全体・両テーマ・1440px・390px・320px で実行し、横スクロールの確認も行います。スイープが失敗するとリリースを止めます。
既知の制限事項
- AI 生成画像
生成された画像にはコンテキストに応じた代替テキストを提供していますが、説明が視覚的な内容を完全に捉えきれない場合があります。AI による画像説明の改善に取り組んでいます。
- Canvas ベースのゲーム
一部のゲームはレンダリングに HTML Canvas を使用しており、固有のアクセシビリティ制限があります。ゲーム状態の変更に対してキーボード代替手段とスクリーンリーダー通知を提供しています。
- サードパーティコンテンツ
リンク先の他サイトのページ（私たちの他のプロダクトを含む）は、この声明の対象外です。Tryit は第三者の広告を表示しません。
フィードバック
Tryit のアクセシビリティに関するフィードバックをお待ちしています。アクセシビリティの障壁に遭遇した場合はお知らせください：
メール： hello@tryit.fun
5営業日以内にフィードバックに回答するよう努めています。
技術仕様
Tryit のアクセシビリティは、お使いのウェブブラウザおよびコンピュータにインストールされた支援技術やプラグインと連携するために、以下の技術に依存しています：
- HTML5
- WAI-ARIA 1.2
- CSS（prefers-reduced-motion 対応）
- JavaScript (ECMAScript 2020+)