改革宣言

法令遵守について

私たちは、インターネットは誰もが利用でき、アクセスできるものであるべきだと固く信じており、能力の有無にかかわらず、できるだけ多くの人々がアクセスできるウェブサイトを提供することを約束します。

そのために、World Wide Web Consortium(W3C)の「Web Content Accessibility Guidelines 2.1(WCAG 2.1)」のAAレベルをできるだけ厳密に遵守することを目標としています。このガイドラインは、さまざまな障害を持つ人々がウェブコンテンツにアクセスできるようにする方法を説明しています。これらのガイドラインを遵守することで、目の不自由な方、運動機能に障害のある方、視覚障害のある方、認知障害のある方などが、ウェブサイトを利用しやすいように配慮しています。

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

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

ウェブサイトの所有者に連絡を取りたい場合は、次の電子メール info@bananalabo.com を使用してください。

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

当社のウェブサイトは、スクリーンリーダーで訪れる目の不自由なユーザーがウェブサイトの機能を読み、理解し、楽しむことができるように、さまざまな動作の変更とともに、ARIA属性(Accessible Rich Internet Applications)技術を実装しています。スクリーンリーダーを使用するユーザーがサイトにアクセスすると、すぐにスクリーンリーダープロファイルの入力を促すメッセージが表示され、効果的にサイトを閲覧・操作することができます。ここでは、当社のウェブサイトが、最も重要なスクリーン・リーダーの要件をどのようにカバーしているかを紹介します:

  1. スクリーンリーダーの最適化
    ウェブサイトの構成要素を上から下まで学習するプロセスを実行し、ウェブサイトを更新する際にも継続的に準拠することを保証します。このプロセスでは、ARIAの属性セットを使用して、スクリーンリーダーに対して意味のあるデータを提供します。例えば、正確なフォームラベル、アクション可能なアイコン(ソーシャルメディアアイコン、検索アイコン、カートアイコンなど)の説明、フォーム入力の検証ガイダンス、ボタン、メニュー、モーダルダイアログ(ポップアップ)などの要素の役割などを提供します。

    さらに、バックグラウンド処理では、ウェブサイトのすべての画像をスキャンします。説明されていない画像には、画像オブジェクト認識に基づく正確で意味のある説明をALT(代替テキスト)タグとして提供します。また、OCR(光学式文字認識)技術により、画像に埋め込まれたテキストを抽出します。スクリーンリーダーの調整は、キーボードの「Alt+1」を押すだけで、いつでも行えます。また、スクリーンリーダーのユーザーは、ウェブサイトに入るとすぐにスクリーンリーダーモードをオンにするための自動アナウンスが流れます。

    これらの調整は、JAWS、NVDA、VoiceOver、TalkBackなどの一般的なスクリーンリーダーと互換性があります。
  2. キーボードナビゲーションの最適化
    バックグラウンド処理では、ウェブサイトのHTMLを調整し、JavaScriptコードを使用してさまざまな動作を追加することで、キーボードで操作できるようにします。これには、TabキーやShift+Tabキーによるナビゲーション、矢印キーによるドロップダウンの操作、Escキーによるクローズ、Enterキーによるボタンやリンクのトリガー、矢印キーによるラジオやチェックボックス要素間の移動、スペースキーやEnterキーによる入力が含まれています。

    さらに、キーボードユーザーは、Alt+2をクリックすることで、いつでもコンテンツスキップメニューを利用することができ、キーボードでナビゲートしているときは、サイトの最初の要素として表示されます。また、バックグラウンド処理では、ポップアップが表示されるとすぐにキーボードのフォーカスをポップアップに移動させ、フォーカスが外側に移動しないように処理されます。

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

注意事項、コメント、フィードバック

誰もが自分のニーズに合わせてウェブサイトを調整できるようにするための最善の努力にもかかわらず、完全にアクセシブルでない、アクセシブルになるためのプロセス中である、またはアクセシブルにするための適切な技術的解決策が欠けているページやセクションが存在する場合があります。

それでも、私たちはアクセシビリティを継続的に改善し、そのオプションや機能を追加、更新、改善し、新しい技術を開発、採用しています。これらはすべて、技術の進歩に伴い、アクセシビリティの最適なレベルに到達するためのものです。ウェブサイトの所有者に連絡を取りたい場合は、次の電子メール info@bananalabo.com を使用してください。