ヘルプセンターのアクセシビリティ管理

ヘルプセンターのアクセシビリティ管理

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

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

Zoho Deskのアクセシビリティ管理の設定に関する概要についてはこちらを、アクセシビリティ管理の一括設定に関する詳細についてはこちらをご参照ください。

ヘルプセンターのアクセシビリティ設定

ヘルプセンターのアクセシビリティ設定では、以下の内容に関する設定を行うことができます。
  1. アクセシビリティ一括設定
  2. 画面表示
  3. フォント
  4. コントラスト
  5. 強調表示
  6. カーソル
  7. 読み上げツール

アクセシビリティ設定の画面にアクセスするには
  1. ヘルプセンターに移動して、画面右上の (アクセシビリティ管理)アイコンをクリックします。
  2. 表示されたパネルで、対象の設定を選択します。 

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

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

一括設定

適用される設定内容

ADHD(注意欠如・多動症)

  • アニメーションの停止

  • 全集中モード(リーディングマスク):中

  • 彩度:高

  • 操作箇所の強調表示

乱視

  • 拡大/縮小の単位:120%

  • フォントのサイズ:125%

  • テキストの間隔:120%

  • コントラスト:高

  • 見出しの強調表示

視覚障害  

  • 画面読み上げ(スクリーンリーダー)

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

  • フォントのサイズ:120%

  • アニメーションの停止

色覚異常

  • コントラスト:高

  • 見出しの強調表示

  • リンクの下線表示

  • 操作箇所の強調表示

失読症/ディスレクシア

  • フォントのサイズ:120%

  • テキストの間隔:150%

  • 全集中モード(リーディングマスク):大

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

  • テキストの配置:左

  • アニメーションの停止

てんかん

  • 彩度:低

  • アニメーションの停止

  • テーマ:標準

  • テキストの間隔:110%

高齢者

  • 拡大/縮小の単位:120%

  • フォントのサイズ:125%

  • コントラスト:高

  • 操作箇所の強調表示

  • リンクの下線表示

  • カーソルのカスタマイズ:黒、サイズ:3%

視覚障害(ロービジョン)

  • リンクの下線表示

  • コントラスト:高

  • 見出しの強調表示

  • カーソルのカスタマイズ:黒、サイズ:4%

  • 拡大/縮小の単位:130%

  • フォントのサイズ:140%

  • 操作箇所の強調表示

運動障害

  • カーソルのカスタマイズ:黒、サイズ:3%

  • アニメーションの停止

  • リンクの下線表示

  • 画面読み上げ(スクリーンリーダー)

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

てんかん発作

  • アニメーションの停止

  • 彩度:低

  • テーマ:標準

  • テキストの間隔:120%

キーボードの移動

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

  • M:メニュー

  • H:見出し

  • F:フォーム

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





画面表示

設定

適用される設定内容

テーマ

標準ナイト自動のいずれかのテーマを選択します。
配置
のいずれかのメニューの配置を選択します。

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

拡大/縮小

拡大/縮小の単位の設定



ナイトモード、自動モードの設定 
  1. ナイトモード自動モードの設定は、ヘルプセンターで標準のテーマが適用されている場合にのみ指定できます。独自のテーマが適用されている場合は指定できません。
    独自のテーマが適用されているヘルプセンターでナイトモード自動モードを適用するには、以下のクラス名を使用してください。
    1. 自動モード:ac_auto_night_mode
    2. ナイトモード:ac_night_mode
      これらのクラスを適用することで、独自のテーマのページで上記のモードを設定することができます。ヘルプセンターのカスタマイズに関する詳細については、こちらをご参照ください。
  2. 見出しの強調表示は、ヘルプセンターのカスタマイズにおいて適切なヘッダーのタグ(<h1>~<h6>)が使用されている場合に適用できます。 
  3. フォントのサイズの単位は、remで指定する必要があります。pxでは指定できません。

フォント

設定

適用される設定内容

フォントのサイズ

50%~150%の範囲からフォントのサイズを選択します。

テキストの間隔

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

テキストの配置

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



 コントラスト 

設定

適用される設定内容

モノクロ

色を白黒に変換します。

彩度:低

色の彩度を低減します。

彩度:高

色の彩度を増加します。

コントラスト:低

色の明るさの差を少なく、ボケ感を大きくします。

コントラスト:中

色の明るさの差とボケ感を中程度にします。

コントラスト:高

色の明るさの差を大きく、ボケ感を小さくします。


強調表示

設定

適用される設定内容

リンクの下線表示

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

操作箇所の強調表示

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

見出しの強調表示

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

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

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



 カーソル 

設定

機能

カーソル:黒、大

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

カーソル:白、大

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



読み上げツール

設定

機能

読み上げ内容の選択 

 

選択内容の読み上げを有効にします。

アニメーションの停止

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

テキストの拡大

テキストを拡大します。

読字ガイド

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

全集中モード

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