マウイ島のサンゴに安全な日焼け止めの基礎知識

コンプライアンスステータス

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

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

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

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

不具合を発見したり、改善案をお持ちの場合は、ぜひご連絡ください。次のメールアドレス [email protected] からウェブサイト運営者に連絡できます。

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

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

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

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

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

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

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

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

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

1. フォント調整 – ユーザーは、フォントのサイズを拡大または縮小したり、フォントファミリー (タイプ) を変更したり、間隔、配置、行の高さを調整したりできます。
2. 色調整 – ユーザーは、明るい、暗い、反転、モノクロなど、さまざまな色のコントラスト プロファイルを選択できます。さらに、ユーザーは 7 種類以上の異なるカラー オプションを使用して、タイトル、テキスト、背景の配色を入れ替えることができます。
3. アニメーション – てんかん患者は、ボタンをクリックするだけで実行中のすべてのアニメーションを停止できます。インターフェイスによって制御されるアニメーションには、ビデオ、GIF、CSS の点滅トランジションが含まれます。
4. コンテンツのハイライト – ユーザーは、リンクやタイトルなどの重要な要素を強調することを選択できます。また、フォーカスされた要素やホバーされた要素のみを強調表示することもできます。
5. オーディオミュート – 聴覚デバイスを使用しているユーザーは、自動オーディオ再生により頭痛などの問題が発生する可能性があります。このオプションを使用すると、ユーザーは Web サイト全体を瞬時にミュートできます。
6. 認知障害 – 私たちは、Wikipedia や Wiktionary にリンクされた検索エンジンを利用して、認知障害を持つ人々がフレーズ、頭文字、俗語などの意味を解読できるようにしています。
7. 追加機能 – カーソルの色やサイズを変更したり、印刷モードを使用したり、仮想キーボードを有効にしたりするオプションや、その他多くの機能をユーザーに提供します。

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

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

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

誰もが自分のニーズに合わせてウェブサイトを調整できるように最善を尽くしていますが、完全にアクセス可能ではないページやセクション、アクセス可能にするプロセス中のページやセクション、またはアクセス可能にするための適切な技術的ソリューションが不足しているページやセクションがまだある可能性があります。それでも、私たちは継続的にアクセシビリティを改善し、オプションと機能を追加、更新、改善し、新しいテクノロジーを開発して採用しています。これらすべては、技術の進歩に従って、アクセシビリティの最適なレベルに到達することを目的としています。サポートが必要な場合は、[email protected] までお問い合わせください。