導入事例

コンプライアンス状況

私たちは、インターネットは誰でも利用でき、アクセスできるものであるべきだと固く信じています、 私たちは、インターネットは誰もが利用できるものであるべきだと考えており、可能な限り多くの人々が利用できるウェブサイトを提供することを約束します。

そのために、World Wide Web Consortium（W3C）の「Web Content Accessibility Guidelines 2.1（WCAG 2.1）」のAAレベルをできる限り厳密に遵守することを目標としています。 このガイドラインは、さまざまな障害を持つ人々がウェブコンテンツにアクセスできるようにする方法を説明しています。このガイドラインに準拠することで、目の不自由な方など、すべての人がアクセスできるウェブサイトを実現することができます。 視覚障害者、運動障害者、視覚障害者、認知障害者など、すべての人が利用できるようになります。

このウェブサイトは、常に可能な限りアクセシブルであることを意図して、さまざまな技術を利用しています。アクセシビリティ・インターフェースを使用しています。 UI（ユーザーインターフェイス）を調整し、個人のニーズに合わせてデザインすることができます。

さらに、ウェブサイトはバックグラウンドで動作するAIベースのアプリケーションを利用し、アクセシビリティレベルを常に最適化しています。このアプリケーションは、ウェブサイトのHTMLを修正するものです、 視覚障がい者が使用するスクリーンリーダーや、運動障がい者が使用するキーボードの機能に合わせて、ウェブサイトのHTMLを修正し、その機能・動作を変更します。

不具合を発見された方、改善のアイデアをお持ちの方、ぜひご連絡ください。本サイトの運営者に連絡を取るには、以下のメールをご利用ください。

画面読み上げとキーボードによるナビゲーション

当社のウェブサイトは、ARIA属性（Accessible Rich Internet Applications）技術を実装し、さらにさまざまな動作の変更により、スクリーンリーダーで訪問した視覚障害者がウェブサイト機能を読み解き、楽しむことができるよう配慮しています。 スクリーンリーダーで訪れる目の不自由なユーザーが、サイトの機能を読み、理解し、楽しむことができるように、さまざまな動作の変更とともにARIA属性（Accessible Rich Internet Applications）の技術を導入しています。スクリーンリーダーを使用するユーザーがサイトにアクセスすると、すぐに次のようなメッセージが表示されます。 スクリーン・リーダー・プロファイルを入力するプロンプトが表示され、効果的にサイトを閲覧、操作できるようになります。ここでは、当社のウェブサイトが、最も重要なスクリーン・リーダーの要件をどのようにカバーしているかを紹介します、 コード例のコンソールスクリーンショットとともにご紹介します：

1. スクリーンリーダーの最適化： ウェブサイトの構成要素を上から下まで学習するバックグラウンドプロセスを実行し、ウェブサイトを更新した場合でも継続的なコンプライアンスを確保します。 このプロセスでは、ARIA属性のセットを使用して、スクリーンリーダーに意味のあるデータを提供します。例えば、フォームのラベルを正確に表示する； アクション可能なアイコン（ソーシャルメディアアイコン、検索アイコン、カートアイコンなど）の説明、フォーム入力の検証ガイダンス、ボタン、メニュー、モーダルダイアログ（ポップアップ）などの要素の役割、 などがあります。さらに、バックグラウンド処理では、ウェブサイトのすべての画像をスキャンし、正確で意味のある画像オブジェクト認識ベースの説明を、ALT（代替テキスト）タグとして提供します。 として提供します。また、画像内に埋め込まれたテキストをOCR（光学式文字認識）技術で抽出します。 スクリーンリーダーの調整は、キーボードの「Alt+1」を押すだけで、いつでも行うことができます。また、画面読み上げソフトをご利用の方は、サイトに入るとすぐに画面読み上げモードをオンにするよう自動的にアナウンスされます。 を自動でお知らせします。

   これらの調整は、JAWSやNVDAを含む、一般的なスクリーンリーダーに対応しています。

2. キーボードナビゲーションの最適化： バックグラウンド処理では、ウェブサイトのHTMLを調整し、JavaScriptコードを使用してさまざまな動作を追加することで、キーボードで操作できるようにします。これには、TabキーやShift+Tabキーによるウェブサイトの移動、矢印キーによるドロップダウンの操作、Escキーによるクローズ、Enterキーによるボタンやリンクのトリガー、矢印キーによるラジオやチェックボックス要素の移動、スペースキーやEnterキーによる入力が含まれます。さらに、キーボードユーザーは、Alt+1クリックでいつでも使えるクイックナビゲーションやコンテンツスキップメニュー、キーボードのナビゲーション中にサイトの最初の要素として表示されるものを使用できます。また、バックグラウンド処理では、トリガーされたポップアップが表示されるとすぐにキーボードのフォーカスをそちらに移動させ、フォーカスがその外に流れないように処理されます。

   また、「M」（メニュー）、「H」（見出し）、「F」（フォーム）、「B」（ボタン）、「G」（グラフィック）などのショートカットを使って、特定の要素にジャンプすることができます。

ウェブサイトでサポートされている障害者プロファイル

• てんかんセーフモード：このプロファイルは、てんかんをお持ちの方が、点滅や点滅するアニメーションや危険な色の組み合わせから生じる発作のリスクを排除し、ウェブサイトを安全に利用できるようにします。
• 視覚障がい者モード：視力低下、トンネルビジョン、白内障、緑内障など、視覚障がいをお持ちの方の利便性を高めるために、ウェブサイトを調整するモードです。
• 認知障害モード：このモードでは、ディスレクシア、自閉症、CVAなどの認知障害を持つユーザーが、より簡単にウェブサイトの本質的な要素に集中できるように、さまざまな支援オプションを提供します。
• ADHDフレンドリーモード：ADHDや神経発達障害のあるユーザーが、注意散漫を大幅に軽減しながら、より簡単にウェブサイトの主要な要素を読み、閲覧し、集中できるようにするモードです。
• ブラインドネスモード：このモードは、JAWS、NVDA、VoiceOver、TalkBackなどのスクリーンリーダーに対応するようにウェブサイトを設定します。スクリーンリーダーは、パソコンやスマートフォンにインストールされる視覚障害者向けのソフトウェア 、ウェブサイトはこれに対応している必要があります。
• キーボードナビゲーションプロファイル（運動器障害者）：運動器障害者がキーボードのTab、Shift+Tab、Enterキーでウェブサイトを操作できるようにするプロファイルです。また、「M」（メニュー）、「H」（見出し）、「F」（フォーム）、「B」（ボタン）、「G」（グラフィック）などのショートカットを使用して、特定の要素にジャンプすることができます。

UI、デザイン、可読性の追加調整

1. フォントの調整 -サイズの拡大、縮小、ファミリー（種類）の変更、スペーシング、アライメント、行の高さなどの調整が可能です。
2. カラー調整 -ライト、ダーク、インバーテッド、モノクロなど、さまざまなカラーコントラストプロファイルを選択することができます。さらに、タイトル、テキスト、背景の配色を入れ替えることができ、7種類以上のカラーリングオプションがあります。
3. アニメーション -てんかん持ちのユーザーは、ボタンをクリックするだけで、実行中のアニメーションをすべて停止することができます。インターフェイスで制御されるアニメーションには、ビデオ、GIF、CSSフラッシュトランジションが含まれます。
4. コンテンツハイライト -リンクやタイトルなど、重要な要素を強調することができます。また、フォーカスされた要素やホバーされた要素のみを強調することも可能です。
5. 音声ミュート -聴覚デバイスを使用しているユーザーは、自動音声再生により頭痛などの問題が発生する場合があります。このオプションを使用すると、ユーザーはウェブサイト全体を即座にミュートすることができます。
6. 認知障害 -WikipediaやWiktionaryと連携した検索エンジンを活用し、認知障害のある方でもフレーズやイニシャル、スラングなどの意味を読み解くことができるようにしています。
7. カーソルの色や大きさの変更、印刷モードの使用、仮想キーボードの使用など、さまざまな機能を提供します。

ブラウザーと支援技術の互換性

私たちは、できるだけ多くのブラウザや支援技術をサポートすることで、ユーザーができるだけ制限を受けずに、自分に最適なツールを選択できるようにすることを目指しています。そのため、Google Chrome、Mozilla Firefox、Apple Safari、Opera、Microsoft Edge、JAWS、NVDA（スクリーンリーダー）など、ユーザーシェアの95％以上を占める主要なシステムを、WindowsとMACユーザーの両方でサポートできるように努めています。

メモ、コメント、フィードバック

誰もが自分のニーズに合わせてウェブサイトを調整できるようにするための最善の努力にもかかわらず、完全にアクセシブルでない、アクセシブルになるためのプロセス中である、またはアクセシブルにするための適切な技術的ソリューションが欠けているページやセクションが存在する可能性があります。それでも、私たちはアクセシビリティを継続的に改善し、そのオプションや機能を追加、更新、改善し、新しい技術を開発、採用しています。これらはすべて、技術の進歩に伴い、アクセシビリティの最適なレベルに到達するためのものです。何かお困りのことがありましたら、下記までご連絡ください。