2022年のパッケージデザイン・トレンド

コンプライアンス状況

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

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

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

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

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

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

当社のウェブサイトは、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ユーザーの両方でサポートできるように努めています。

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

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