概要
アクセシビリティ設定では、スクリーンリーダーやキーボードナビゲーションなどの支援技術で動作するようにWalkMeコンテンツを設定できます。 この記事では、アクセシビリティを有効化し、各コンテンツタイプの設定を構成し、実装をテストする方法について説明します。
Accessibility in WalkMe
アクセス
コンソールでアクセシビリティにアクセスするには:
- WalkMeコンソールを開きます
- 管理者カテゴリに移動します
- 「システム管理」を選択し、システムを選択します
- アクセシビリティ設定を選択します
管理センターでアクセシビリティにアクセスするには:
- WalkMe管理センターでシステムページを開きます。
- システムを選択します
- アクセシビリティ設定に移動します
使用方法
アクセシビリティを有効にする
アクセシビリティタブで、アクセシビリティを有効にするをオンにします。 この設定をアカウントの将来のすべてのシステムに適用するには、トグルの下のチェックボックスを選択します。

一般的なナビゲーション
アクセシビリティが有効になると、ユーザーはキーボードを使用してWalkMeコンテンツをナビゲートできます:
- タブ:コンテンツを前方に移動します
- Tab + Shift:コンテンツを後ろに移動
- 入力:エレメントを選択またはクリックします
- Esc:バルーンを閉じるか、スマートウォークスルーを終了します。 フォーカスは、ページの最後にフォーカスされたエレメントに戻ります。
メニューで、タブではなくキーボードの矢印を使用してナビゲートします。
構築を開始する前に
スクリーンリーダーでサイトを探索し、ネイティブアクセシビリティ、特にページ上のエレメントのタブ順を理解します。 WalkMeはサイトのアクセシビリティ問題を修正するものではなく、サイトの構造に依存します。
アクセシビリティ機能
適応可能なコンテンツ
WalkMeエレメントには、ARIAタグとセマンティックHTMLマークアップがあり、支援技術が構造、役割、機能を識別するのに役立ちます。

キーワードアクセシビリティ
すべてのWalkMeコンポーネントは、キーボードを使用して完全に操作できます。 例:
- Tabを使用して、ランチャー、メニューアイテム、ボタンをナビゲートします
- Enterを使用してアクションボタンを選択します
- Escを使用して、バルーン、シャウトアウト、WalkMeメニューを閉じます
フォーカス順序とフォーカスが表示されます
WalkMeは、エレメントの事前定義されたフォーカス順序を設定し、フォーカスを受け取る要素の周囲に表示される境界線を表示して、エクスペリエンスを一貫性があり予測可能なものにします。
スクリーンリーダーの利用可能性
WalkMeは、以下のスクリーンリーダーとブラウザの組み合わせをサポートしています:
- VoiceOver(Safari)
- JAWS(Edge、Chrome、Firefox)
- NVDA(Edge、Chrome、Firefox)
アクセス可能なテキストのヒント
WalkMeコンテンツを書く場合は、これらのアクセシビリティのベストプラクティスを念頭に置いてください:
- 頭字語や慣用語は避けてください。スクリーンリーダーで読み上げられる際に、混乱を招く可能性があります。
- 能動態を使用します
- 不完全な文章を避ける
- フレーズの一貫性を保つ
スマートウォークスルーのアクセシビリティ
アクセシビリティオプションを有効化
アクセシビリティがオンになると、各ステップの動作タブにアクセシビリティドロップダウンが表示されます。

バルーンフォーカストグル
WalkMeは、画面に表示された際にスクリーンリーダーをバルーンで通知し、フォーカスし、キーボードフォーカスをバルーンとそのキャプチャされたエレメントにロックします。 これにより、キーボードユーザーは視覚ユーザーと同様のエクスペリエンスを得ることができます。
以下のトグルを使用して、バルーンごとにこの動作を変更できます:
- オートフォーカスのグラブ:オフにすると、バルーンが表示されたときに自動的にフォーカスされるのを停止します。 バルーンは、ユーザーがタブしたときにのみフォーカスを受け取ります。
- フォーカスロック:オフにすると、キーボードユーザーはバルーンとその取得済みのエレメントにロックされる代わりに、ページ全体を自由にナビゲートできます。
注
両方のトグルは、キーボードユーザーをスマートウォークスルーのコンテキストに留めるためにデフォルトでオンになっています。 特定の動作を調整する必要がない限り、オフにすることは推奨されません。 バルーンフォーカスのトグルを使用する場合、スポットライトはサポートされていません。
ARIA設定
ARIAラベルは、支援技術のUIエレメントの目的、役割、機能を説明します。 WalkMeでは、設定パネルからバルーンのカスタムaria-labelsを設定できます。
- デフォルト:バルーンのaria-labelはそのタイトルに設定されます。 タイトルが利用できない場合、「ガイダンスバルーン」または選択した別のデフォルトラベルがフォールバックされます。
- カスタム:このオプションを使用して、異なるaria-labelを設定します。 バルーンのタイトルがスクリーンリーダーのユーザーがアクセスできない視覚的なコンテキストに依存している場合に、これは必要となる場合があります。
注
aria-labelは、多言語パネルには表示されません。 カスタムラベルは、すべての言語に適用されます。
アクセス可能なキャプチャ
キャプチャされたエレメントは視覚的な理由で選択される場合がありますが、ユーザーが操作する必要のあるエレメントではない場合があります。 アクセス可能なキャプチャでは、視覚的な表示に影響を与えることなく、キーボード操作のためだけにキャプチャされたエレメントを変更できます。
- デフォルト:ビルダーがキャプチャしたエレメントを使用します
- 画面上のエレメント:キャプチャモードを使用してエレメントを再選択します
- jQuery:jQueryを使用してエレメントを再選択します
注
画面上のエレメントキャプチャには、システムの他の部分で利用可能なエレメントの精度や高度なオプションはありません。
画像とテキストのアトルタナティブ
リッチテキストエディタを使用して、画像のaltタグ、動画とiFrameのタイトルタグを追加します:
- デフォルト:テキストが追加されない場合、アクセシビリティのベストプラクティスに従い、空の「""」値がaltタグに追加され、「untitled」がタイトルに追加されます。
- BBCode:Altとタイトルタグは、BBCodeの一部として手動で追加することもできます

ランチャーのアクセシビリティ
スクリーンリーダーは、ランチャーの説明を読み上げます。 読み取りされるものを変更するには、ランチャーの画像設定の画像説明(altテキスト)を更新します。

altテキストは、HTMLのaria-label属性として表示されます。

スマートチップのアクセシビリティ
画面リーダーは、スマートチップのツールチップテキストを読み込みます。 スマートチップを構築する前に、ページのタブ順序を理解していることを確認してください。
シャウトアウトのアクセシビリティ
シャウトアウトは、オーバーレイがオンまたはオフになっていてもキーボードフォーカスを受け取ります。 タブは、シャウトアウト内のフォーカス可能なエレメントを移動します。
注
ユーザーがタブ付けしたい順序でシャウトアウトコンテンツを構築します。 構築後にエレメントを再配置しても、タブ順序は更新されません。
アクセシビリティのテスト
一般的なナビゲーション
キーボードを使用して、サイトやWalkMeエレメントをナビゲートします:
- エレメントをタブスルーします — 各エレメントの名前と目的を説明する声が聞こえます
- キーボードの矢印(タブではなく)を使用して、メニュー内をナビゲートします
- Enterを使用してエレメントを選択またはクリックします
スマートチップをテストする
スマートチップをタブ操作すると、マウスにカーソルを合わせた場合と同じように動作する必要があります:
- フィールドのスマートチップにタブします:フィールドの説明が再生され、その後にツールチップのテキストが再生されます
- スマートチップアイコンにタブを合わせる:「クリック可能」という音声が再生され、その後にツールチップのテキストが再生されます
ランチャーのテスト
ランチャーをタブ操作すると、マウスでホバーした場合と同じ動作を行う必要があります。 ランチャーのコールトゥアクションテキストが聞こえます。その後にツールチップテキストが聞こえます。