カンヌライオンズ2019から学んだ広告動画のベストプラクティス

コンプライアンス状況

私たちは、インターネットは誰もが利用でき、アクセスできるものであるべきだと確信しています、 私たちは、インターネットは誰もが利用できるものであるべきだと確信しています。

そのために、World Wide Web Consortium（W3C）のWeb Content Accessibility Guidelines 2.1（WCAG2.1）のAAレベルを可能な限り厳守することを目指しています。 これらのガイドラインは、さまざまな障害を持つ人々がウェブコンテンツにアクセスできるようにする方法を説明しています。このガイドラインに準拠することで、以下のようなすべての人々がアクセス可能なウェブサイトを確保することができます。 目の不自由な方、運動機能に障害のある方、視覚障害のある方、認知障害のある方など、すべての方にご利用いただけます。

このウェブサイトは、常に可能な限りアクセシブルにするための様々な技術を利用しています。アクセシビリティ・インターフェースを利用しています。 アクセシビリティ・インターフェースを利用しています。

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

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

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

私たちのウェブサイトは、ARIA属性（アクセシブル・リッチ・インターネット・アプリケーション）の技術を実装し、さまざまな動作の変更も加えて、スクリーンリーダーで訪問する目の不自由なユーザーが、ウェブサイトを読み、機能を理解し、楽しめるようにしています。 スクリーン・リーダーで訪問する目の不自由なユーザーが、ウェブサイトの機能を読み、理解し、楽しむことができるように、さまざまな動作の変更とともに、ARIA属性（アクセシブル・リッチ・インターネット・アプリケーション）技術を実装しています。スクリーン・リーダーを使用しているユーザーがサイトに入ると、すぐに次のようなプロンプトが表示されます。 スクリーン・リーダー・プロファイルを入力するプロンプトが表示されます。ここでは、当社のウェブサイトが、最も重要なスクリーン・リーダーの要件をどのようにカバーしているかを紹介します、 コード例のコンソールのスクリーンショットとともにご覧ください：

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ユーザーの両方でサポートできるように努めています。

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

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