どこでもサポートのアクセシビリティ設定

どこでもサポートのアクセシビリティ設定

障害や特別なニーズのある利用者にとって、Webページで適用されている一般的な設定が負担になる場合があります。たとえば、読字障害や聴覚障害を持つ利用者の場合、テキストが読みにくかったり、音声が聞き取りにくかったりする可能性があります。幅広い利用者層に対して快適なサービスを提供するには、これらの要件やニーズに応える必要があります。 

Zoho Deskには、担当者向けのアクセシビリティ設定が用意されています。同様に、どこでもサポートの利用者に対してもアクセシビリティ設定の機能を提供することが可能です。

どこでもサポートのアクセシビリティ設定

どこでもサポートのアクセシビリティ設定では、以下の内容に関する設定を行うことができます。
  1. アクセシビリティ一括設定
  2. 画面表示
  3. フォント
  4. コントラスト
  5. 強調表示
  6. カーソル
  7. 読み上げツール
アクセシビリティ設定の画面にアクセスするには
  1. どこでもサポートのウィジェットに移動して、画面右上のアクセシビリティ管理アイコンをクリックします。
  2. 表示された画面で、設定を選択します。

アクセシビリティ一括設定

こちらには、障害や課題を抱える利用者向けの一括設定の一覧が表示されます。利用者は、自身のニーズに応じて操作性向上のための設定項目を一括で有効にすることが可能です。

一括設定の種類と適用される設定内容は、以下の表のとおりです。

一括設定

適用される設定内容

ADHD（注意欠如・多動症）

  • アニメーションの停止

  • 全集中モード：中

  • 彩度：高

  • 操作箇所の強調表示

乱視

  • コンテンツの拡大／縮小：30%

  • テキストの間隔：20%

  • コントラスト：高

  • 見出しの強調表示

視覚障害  

  • コンテンツの拡大／縮小：40%

  • 画面読み上げ（スクリーンリーダー）

  • キーボードショートカット

  • アニメーションの停止

色覚異常

  • コントラスト：高

  • 見出しの強調表示

  • リンクの下線表示

  • 操作箇所の強調表示

失読症／ディスレクシア

  • テキストの間隔：30%

  • 全集中モード：大

  • 画面のレイアウト：最大幅

  • テキストの配置：左

  • アニメーションの停止

  • コンテンツの拡大／縮小：30%

てんかん

  • 彩度：低

  • アニメーションの停止

  • テーマ：標準

  • テキストの間隔：20%

高齢者

  • コンテンツの拡大／縮小：40%

  • コントラスト：高

  • 操作箇所の強調表示

  • リンクの下線表示

  • カーソルのカスタマイズ：黒、サイズ40%

視覚障害（ロービジョン）

  • リンクの下線表示

  • コントラスト：高

  • 見出しの強調表示

  • カーソルのカスタマイズ：黒、サイズ40%

  • コンテンツの拡大／縮小：40%

  • 操作箇所の強調表示

運動障害

  • カーソルのカスタマイズ：黒、サイズ40%

  • アニメーションの停止

  • リンクの下線表示

  • 画面読み上げ（スクリーンリーダー）

  • キーボードショートカット

てんかん発作

  • アニメーションの停止

  • 彩度：低

  • テーマ：標準

  • テキストの間隔：40%

キーボードによる移動

キーボードショートカット

  • M：メニュー

  • H：見出し

  • F：フォーム

  • B：特定の要素への移動ボタン

画面表示

設定

適用される設定内容

テーマ

 標準、ナイト、自動のいずれかのテーマを選択します。
幅

標準、最大幅のいずれかの幅を選択します。

拡大／縮小

拡大／縮小の単位の設定

ナイトモード、自動モードの設定 
  1. ナイトモードと自動モードの設定は、どこでもサポートで標準のテーマが適用されている場合にのみ指定できます。独自のテーマが適用されている場合は指定できません。
    独自のテーマが適用されているどこでもサポートでナイトモードや自動モードを適用するには、以下のクラス名を使用してください。
    1. 自動モード：ac_auto_night_mode
    2. ナイトモード：ac_night_mode
      これらのクラスを適用することで、独自のテーマのページで上記のモードを設定することができます。 
  2. 見出しの強調表示は、どこでもサポートのカスタマイズにおいて適切なヘッダーのタグ（<h1>～<h6>）が使用されている場合に適用できます。

フォント

設定

適用される設定内容

テキストの間隔

行間の間隔を調整します。

テキストの配置

左、中央、右のいずれかの配置を選択します。

コントラスト 

設定

適用される設定内容

モノクロ

白黒に変換します

彩度：低

色の彩度を低減します。

彩度：高

色の彩度を高めます。

コントラスト：低

背景とテキストのコントラスト比を低くします。

コントラスト：中

バランスよくクリアに表示します。

コントラスト：高

背景に対してテキストを際立たせて表示します。

強調表示

設定

適用される設定内容

リンクの下線表示

リンクのテキストに下線を表示します。

操作箇所の強調表示

スクロール時にテキストの周辺に罫線を表示します。

見出しの強調表示

見出しに罫線を表示します。

カーソル操作時の強調表示

カーソルを合わせた要素に罫線を表示します。

 カーソル 

設定

機能

カーソル：黒、大

画面が明るい状態やライトモードの際にカーソルを見やすく表示します。

カーソル：白、大

画面が暗い状態やダークモードの際にカーソルを見やすく表示します。 

読み上げツール

設定

機能

選択箇所の読み上げ 

 

ページをスクロールした際の読み上げ機能を有効にします。

アニメーションの停止

アニメーションを停止します。

テキストの拡大

テキストを拡大します。

読字ガイド

テキストを読みやすくするため、カーソル位置に水平線を表示します。

全集中モード

カーソルを合わせている箇所を明るく、他の箇所を暗く表示します。