Infographics Archive

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

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

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

このウェブサイトは、常に可能な限りアクセスしやすいよう、様々な技術を活用しています。特定の障害をお持ちの方がウェブサイトのUI（ユーザーインターフェース）を調整し、個々のニーズに合わせてデザインできるアクセシビリティインターフェースを採用しています。

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

不具合や改善点などございましたら、ぜひお気軽にご連絡ください。ウェブサイト運営者へのご連絡は、以下のメールアドレスまでお願いいたします。

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

当社のウェブサイトでは、ARIA属性（Accessible Rich Internet Applications）技術と様々な動作変更を実装しています。これにより、スクリーンリーダーをご利用の視覚障碍のあるユーザーがウェブサイトの機能を読み、理解し、快適にご利用いただけるようになっています。スクリーンリーダーをご利用のユーザーがサイトにアクセスするとすぐに、スクリーンリーダープロファイルの入力を求めるプロンプトが表示されます。これにより、サイトを効果的に閲覧・操作できるようになります。以下は、当社のウェブサイトがスクリーンリーダーの最も重要な要件をどのように満たしているか、およびコード例のコンソールスクリーンショットです。

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 サイトを使用できるようになります。
• 視覚障害者モード: このモードでは、視力低下、トンネル視野、白内障、緑内障などの視覚障害を持つユーザーの利便性のためにウェブサイトを調整します。
• 認知障害モード: このモードでは、失読症、自閉症、脳卒中などの認知障害を持つユーザーがウェブサイトの重要な要素に簡単に集中できるようにするためのさまざまな支援オプションが提供されます。
• 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%以上を占める主要システムすべてをサポートできるよう、多大な努力を重ねてきました。

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

ウェブサイトを誰もがニーズに合わせて調整できるよう、最大限の努力を払っておりますが、それでもなお、完全にはアクセスできないページやセクション、アクセス可能な状態への改善が進行中のページ、あるいはアクセス可能な状態を実現するための適切な技術的解決策が不足しているページやセクションが残っている可能性があります。それでもなお、私たちはアクセシビリティの向上に継続的に取り組んでおり、オプションや機能の追加、更新、改善、そして新しい技術の開発と採用に努めています。これらはすべて、技術の進歩に合わせて最適なレベルのアクセシビリティを実現することを目的としています。ご不明な点がございましたら、下記までお問い合わせください。