アクセシビリティ設定

更新日 9月 19, 2021 Download PDFDownload as PDF
image_pdf

概要

作成したすべてのWalkMeコンテンツは、特別なニーズや異なる能力を持つユーザーであってもアクセスできることを確認します。 ウェブアクセシビリティは、異なる能力を持つ人々によるウェブサイトとのインタラクションまたはウェブサイトへのアクセスを妨げる障害を取り除くための包括的な取り組みです。

WalkMeは、すべての人への平等なアクセス提供の実現を提唱しており、特にウェブのアクセシビリティに関してこの理想を達成しようと常に積極的に取り組んでいます。 WalkMeは、実績のあるベストプラクティスに基づき、ウェブアクセシビリティガイドラインの基準に従ってソフトウェアを継続的に開発および改善しています。 また、スクリーンリーダーやその他の専門ソフトウェアを使用して、異なる能力を持つ個人が製品を積極的にテストしています。 多くの企業は、アクセシビリティに関しては厳しい基準に従う必要があり、WalkMeはこれらの要件を満たすためにソフトウェアを継続的に改善しています。

ユースケース

WalkMeのアクセシビリティ設定を使用すると、以下のことが可能です。

  • 一般的なスクリーンリーダーを使用して、WalkMeコンテンツを操作する
  • 画像の代替テキストを作成する
  • 特別なキーボードショートカットを使用して、WalkMeコンテンツを操作する
  • ARIAラベルを設定する
  • キーボードでユーザーが操作するエレメントと、視覚的に表示されるエレメントを変更する
アクセシビリティ機能の有効化

アクセシビリティ機能は、アカウントマネージャーが有効化する必要があります。

使用方法

WalkMeでは、ウェブ向けアクセシビリティ基準を定義する主要な仕様の1つである、Web Content Accessibility Guidelines 2.0(WCAG 2.0)のAA標準をサポートする努力をしています。 この標準では、A(25の基準をクリアする最低基準)、AA(さらに13の基準をクリア)、AAA(さらに23の基準をクリアする最高水準)の、3つのレベルの準拠が定義されています。 WCAG標準は、以下の4つの基本原則に基づいて構成されています。

  • パーシバビリティ — 提供情報がエンドユーザーのいずれかの知覚によって認識されなければなりません。
  • 操作性 — エンドユーザーはインターフェースを操作できなければなりません。
  • 理解可能性 — エンドユーザーは提供されている情報を理解することができなければなりません。
  • 堅牢性 — エンドユーザーは、コンテンツに新しいテクノロジーが組み込まれても、コンテンツに引き続きアクセスできなければなりません。

代替テキスト:

WalkMeは、リッチテキストEditorで、画像の「alt」タグやiFrameの「title」タグを追加する便利なUIを提供します。

richtexteditor_iframe_alttext
リッチテキストエディタを使用したiFrameのAltテキストフィールド
画像のAltテキスト
画像のAltテキスト

 

 

 

 

 

 

 

 

適応可能なコンテンツ:

WalkMeエレメントは、ARIAタグとセマンティックHTMLマークアップがあり、その構造、役割、機能を識別して支援技術をサポートします。

accessibility_aria-label_adaptivehtml

キーワードのアクセシビリティ:

すべてのWalkMeモジュールの全機能は、キーボードインターフェイスでアクセスできます。

例えば、TABキーを使用してクリック可能なエレメント(Launcher、メニュー項目、ボタンなど)を操作したり、Enterキーを使用してアクションボタンをクリックしたり、ESCキーを使用してバルーン、Shoutouts、WalkMeメニューなどのダイアログを閉じたりします。

フォーカス順序とフォーカスの可視化:

WalkMeは、さまざまなエレメントの事前定義されたフォーカス順序を設定し、フォーカスを受け取る要素の周囲に表示される境界線を表示して、エクスペリエンスを一貫性で予測可能かつ論理的なものにします。

スクリーンリーダーの可用性:

WalkMeは、市場で最も人気のあるスクリーンリーダーと、その一般的なブラウザの組み合わせに焦点を当てています。

  • ChromeとInternet ExplorerのJAWS
  • FirefoxのNVDA
  • Internet ExplorerのWindows-Eyes
  • SafariのVoiceOver

[Accessibility(アクセシビリティ)]タブの有効化と使用

有効化

今のところ、アクセシビリティ機能の有効化はWalkMeが行っています。 機能を有効にしたい場合は、カスタマーサクセスマネージャーにご連絡ください。

有効にすると、[Accessibility(アクセシビリティ)]タブがSmart Walk-ThrusとWalk-Thrusのステップオプションメニューで利用できるようになります。

Baloon Focusトグルの使用

スクリーンリーダーは、フォーカスされているUI内のエレメント、つまりユーザーが操作することを決定できる場所で選択されたエレメントを識別することができます。 例えば、スクリーンリーダーは、特定のテキストフィールドがフォーカスされていることを識別し、ユーザーに入力の追加や別のエレメントへの移動のオプションをユーザーに提供します。 これは、ほとんどのウェブブラウザーで概要として視覚的に表示されます。 スクリーンリーダーでフォーカスされているエレメントを変更するには、ユーザーはキーボードを使用してUIを操作します。

WalkMeは、アクセシビリティのベストプラクティスに基づいて、画面に表示された際にバルーンでスクリーンリーダーを通知し、フォーカスします。 キーボードのフォーカスもバルーンや選択された特定のエレメントにロックされているため、ユーザーは画面上のガイダンスを簡単に操作することができます。 これにより、エンドユーザーに視覚ユーザーと同様のエクスペリエンスを与えることができます。 ただし、スクリーンリーダーとキーボードナビゲーションですべてのインタラクティブなエレメントとフィールドを移動し、UIの完全なコンテキストを提供できるようにしたい場合は、デフォルトの設定を変更することができます。

Balloon Focusは、WalkMeのバルーンが画面に表示される際に、スクリーンリーダーがどのようにUIエレメントにフォーカスし、移動するかを変更することができます。

  • オートフォーカスの取得:このトグルを[OFF(オフ)]に切り替えることで、特定のバルーンのフォーカス移動の動作がキャンセルされ、出現時に自動的にフォーカスを保持しなくなります (タブで移動した場合のみ)。
  • フォーカスロック:デフォルトでは、キーボードのフォーカスはバルーンと取得済みのエレメントの周りに固定され、キーボードユーザーは操作することができません。 このトグルを OFF にすると、特定のバルーンに対するこの動作が無効になり、キーボードユーザーはページの残りの部分に移動することができるようになります。 フォーカスロックは、ユーザーがWalk-Thruを停止できないということではありません。このオプションは、[ESC]をクリックすることでいつでも利用可能です。
  • 望ましい動作を調整するために特に必要でない限り、これらのトグルを無効にすることは推奨されません。 なお、キーボードユーザーにバルーンの出現状況をリアルタイムで通知し、Walk-Thruの状況を把握できるようにするために、これらはデフォルトでオンになっていることにご注意ください。
  • 特定のバルーンに対してSpotlightを[ON(オン)]にすると、この2つのトグルは無効になり、すべてのユーザーに対してフォーカスがロックおよび保持されます(以下の警告が表示されます)。

ARIA設定の使用(現在はaria-labelのみ)

Aria-labelsは、支援技術のUIエレメントの目的、構造、役割、機能について説明する代替テキストを提供します。 例えば、ポップアップウィンドウを閉じる「X」などの場合があります。 このエレメントには、スクリーンリーダーに対する適切なラベルがありません。そのため、スクリーンリーダーが「閉じる」と識別できるように、HTMLコード内でaria-labelを追加します。

WCAG 2.0 Guideline 1.3.1(参照)によると、WalkMeエレメントにはARIAタグとセマンティックHTMLマークアップがあり、支援技術をサポートします。 設定パネルから、バルーン用のカスタムaria-labelsを作成することができます。

  • デフォルト:バルーンari-labelは、デフォルトでバルーンのタイトルに設定されます。 タイトルを利用できない場合、aria-labelには「ガイダンスバルーン」または別の選択したデフォルトラベルが利用されます。
  • カスタム:デフォルトとは異なるaria-labelを設定する必要がある場合は、こちらのオプションを使用します。 例えば、バルーンのタイトルが、理解するためにページ上の別の視覚的表現に依存している場合、スクリーンリーダーのユーザーにとってラベルが十分に明確でない可能性があるため、これが必要になる場合があります。
多言語対応

Aria-labelは多言語パネルには表示されないため、カスタムラベルはすべての言語で統一されます。

アクセス可能なキャプチャの使用

取得されたエレメントが審美的な理由により選択される場合がありますが、それらは必ずしもユーザーが操作する必要のあるエレメントではありません。 これらの場合、間違ったエレメントにフォーカスが当たってしまいます。 アクセス可能なキャプチャは、エレメントが視覚的に同じ場所にとどまっている場合でも、キーボード操作のためだけに取得されたエレメントを変更します。

  • デフォルト:Walk-Thruビルダーが最初に取得したエレメントを使用します。
  • 画面上のエレメント:キャプチャモードを使用してエレメントを再度選択するには、こちらのオプションを使用します。 この機能には、システムの他の部分に存在するエレメントの精度やその他の高度なオプションがないことにご注意ください。
  • JQUERY:jQueryを使用してエレメントを再度選択するには、こちらのオプションを使用します。

この記事は役に立ちましたか?

ご意見ありがとうございます!

関連記事

< 戻る