マンチェスター・ユナイテッドに裏切られた気分：クリスティアーノ・ロナウド

コンプライアンス状況

私たちは、インターネットは誰でも利用できるものであるべきだと固く信じており、状況や能力に関係なく、可能な限り多くのユーザーがアクセスできるウェブサイトを提供することに尽力しています。

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

このウェブサイトは、常に可能な限りアクセスできるようにするためのさまざまな技術を利用しています。特定の障害を持つ人がウェブサイトの UI (ユーザー インターフェイス) を調整し、個人のニーズに合わせて設計できるアクセシビリティ インターフェイスを利用しています。

さらに、この Web サイトは、バックグラウンドで実行され、アクセシビリティ レベルを常に最適化する AI ベースのアプリケーションを利用しています。このアプリケーションは、Web サイトの HTML を修復し、その機能と動作を、目の不自由なユーザーが使用するスクリーン リーダー、および運動障害のある個人が使用するキーボード機能に適合させます。

不具合を発見した場合、または改善のアイデアをお持ちの場合は、喜んでご連絡いたします。次の電子メールを使用して、ウェブサイトのオペレーターに連絡できます。

スクリーン リーダーとキーボード ナビゲーション

私たちのウェブサイトは ARIA 属性 (Accessible Rich Internet Applications) 技術をさまざまな行動の変化とともに実装し、スクリーン リーダーを使用してアクセスする視覚障害のあるユーザーがウェブサイトの機能を読み、理解し、楽しむことができるようにします。スクリーン リーダーを使用しているユーザーがサイトにアクセスするとすぐに、スクリーン リーダー プロファイルを入力するように求めるプロンプトがすぐに表示されるため、サイトを効果的に閲覧および操作できます。コード例のコンソール スクリーンショットとともに、最も重要なスクリーン リーダー要件のいくつかを Web サイトがどのようにカバーしているかを以下に示します。

1. スクリーン リーダーの最適化: ウェブサイトのコンポーネントを上から下まで学習するバックグラウンド プロセスを実行し、ウェブサイトを更新する場合でも継続的なコンプライアンスを確保します。このプロセスでは、ARIA の属性セットを使用して、スクリーン リーダーに意味のあるデータを提供します。たとえば、正確なフォーム ラベルを提供します。実用的なアイコン (ソーシャル メディア アイコン、検索アイコン、カート アイコンなど) の説明。フォーム入力の検証ガイダンス;ボタン、メニュー、モーダル ダイアログ (ポップアップ) などの要素の役割。さらに、バックグラウンド プロセスは Web サイトのすべての画像をスキャンし、説明されていない画像の ALT (代替テキスト) タグとして、正確で意味のある画像オブジェクト認識ベースの説明を提供します。また、OCR (光学式文字認識) 技術を使用して、画像内に埋め込まれたテキストを抽出します。スクリーン リーダーの調整をいつでも有効にするには、Alt+1 のキーボードの組み合わせを押すだけです。スクリーン リーダーのユーザーは、Web サイトにアクセスするとすぐに、スクリーン リーダー モードをオンにする自動アナウンスも受け取ります。

   これらの調整は、JAWS や NVDA を含むすべての一般的なスクリーン リーダーと互換性があります。

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

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

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

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

UI、デザイン、読みやすさの追加調整

1. フォント調整 – ユーザーは、サイズの増減、ファミリ (タイプ) の変更、間隔、配置、行の高さなどの調整を行うことができます。
2. 色の調整 – ユーザーは、ライト、ダーク、反転、モノクロなど、さまざまなカラー コントラスト プロファイルを選択できます。さらに、ユーザーはタイトル、テキスト、および背景の配色を 7 つ以上の異なる配色オプションで交換できます。
3. アニメーション – てんかんのユーザーは、ボタンをクリックするだけで実行中のすべてのアニメーションを停止できます。インターフェイスによって制御されるアニメーションには、ビデオ、GIF、および CSS フラッシュ遷移が含まれます。
4. コンテンツの強調表示 – ユーザーは、リンクやタイトルなどの重要な要素を強調することを選択できます。また、フォーカスまたはホバーされた要素のみを強調表示するように選択することもできます。
5. オーディオのミュート – 補聴器を使用しているユーザーは、自動オーディオ再生が原因で頭痛やその他の問題が発生する可能性があります。このオプションを使用すると、ユーザーは Web サイト全体を即座にミュートできます。
6. 認知障害 – ウィキペディアとウィクショナリーにリンクされた検索エンジンを利用して、認知障害を持つ人々がフレーズ、イニシャル、スラングなどの意味を解読できるようにします。
7. 追加機能 – カーソルの色とサイズを変更するオプション、印刷モードを使用するオプション、仮想キーボードを有効にするオプション、およびその他の多くの機能をユーザーに提供します。

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

私たちは、可能な限り幅広いブラウザと支援技術をサポートすることを目指しています。これにより、ユーザーは制限をできるだけ少なくして、自分に最適なツールを選択できるようになります。そのため、Windows 用の Google Chrome、Mozilla Firefox、Apple Safari、Opera と Microsoft Edge、JAWS と NVDA (スクリーン リーダー) を含む、95% を超えるユーザー マーケット シェアを構成するすべての主要システムをサポートできるように、私たちは懸命に取り組んできました。そしてMACユーザー向け。

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

誰でも自分のニーズに合わせて Web サイトを調整できるように最善を尽くしていますが、まだ完全にアクセスできないページやセクション、アクセス可能になる過程にあるページ、またはそれらをアクセス可能にするための適切な技術的解決策が欠けているページやセクションが存在する可能性があります。それでも、アクセシビリティを継続的に改善し、オプションと機能を追加、更新、改善し、新しいテクノロジを開発および採用しています。これはすべて、技術の進歩に従って、最適なレベルのアクセシビリティに到達することを目的としています。ご不明な点がございましたら、までお問い合わせください。