アクセシビリティコントロールの活用

アクセシビリティコントロールの活用

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

Quote
Zoho Creator では、ユーザーが誰でも—障がいの有無にかかわらず—認識し、操作し、理解できるアクセシブルなアプリケーションを作成できるよう、支援に取り組んでいます。私たちの目標は、グローバルなアクセシビリティ基準に準拠したインクルーシブで公平な体験を、当プラットフォーム上で作成されたアプリが提供できるようにすることです。

1.要点まとめ

アクセシビリティコントロールを利用することで、アプリケーションはさらにインクルーシブとなり、能力に関係なく誰もが効果的に利用できるようになります。このページでは、12種類のアクセシビリティコントロールについて詳しく解説し、多様なニーズを持つ方々にも快適な体験を提供する方法を案内します。
Notes
透明性とコンプライアンス推進のため、Zoho Creator はアクセシビリティ適合報告書を公開しています。よりインクルーシブなプラットフォームづくりのため、ユーザーからのご意見を大切にしています。アクセシビリティ上の課題やご提案がございましたら、メール(accessibility@zohocreator.com)にてサポート窓口までご連絡ください。

2. 利用可能範囲

アクセシビリティコントロール:
  1. Zoho Creator のすべての料金プランで利用可能です
  2. 有効な方法でのみアクセスできます
  3. ユーザーが自身の好みに合わせて設定できます

3. 概要

  1. ZohoCreator はWCAG 2.2 レベルAAアクセシビリティガイドラインに対応し、ユーザーはこれらのガイドラインを即座に適用して、能力に関係なく誰もがアプリにアクセスできるようにできます。
  2. WCAG 準拠レベルの詳細はこちら
  3. WCAG ガイドラインの詳細はこちら
  4. Creator アプリをさらにアクセシブルにする方法はこちら
アクセシビリティとは、商品やテクノロジーを誰もが利用できるように設計することを指します。ウェブアクセシビリティは、特に障がいのある方がウェブサイトやウェブベースのアプリケーションを認識し、理解し、操作し、円滑に利用できるように構築することを意味します。スクリーンリーダーやキーボード操作、カラーカスタマイズ、その他支援技術を活用するユーザーにとっても、インクルーシブな環境を実現します。

Zoho Creator のアクセシビリティコントロールは、ユーザーが視覚的・運動的な支援を必要とする場合にも、ニーズに応じてアプリケーションを効果的に利用できるようにします。これらのコントロールは、ユーザー体験を向上させるだけでなく、法的なアクセシビリティ基準(例:WCAG)への対応も確保します。Creator のコントロールは次の2つのセクションに分類されています。各コントロールは有効化・無効化が可能で、個別に設定できます。
  1. 視覚視覚障害低視力色覚異常のあるユーザーをサポートするための機能です。
  2. 運動微細運動能力の制限巧緻性の課題移動障害のあるユーザーをサポートするためのコントロールです。

4. アクセシビリティコントロールへのアクセス方法

アクセシビリティコントロールにアクセスするには:
  1. アプリケーションの有効方法に移動します。
  2. アイコンをクリックします。アクセシビリティコントロールパネルが右側からスライドインします。
  3. ご希望のアクセシビリティコントロールを設定します。
      
Info設定済みのコントロールは、アクセシビリティコントロールパネル右上の初期設定にリセットするオプションをクリックすることで初期設定に戻すことができます。

5. Zoho Creatorでのアクセシビリティコントロールの利用

  1. 現在、これらのコントロールはCreatorのWebアプリケーションでのみ設定でき、モバイルおよびタブレットデバイスには適用できません。
  2. 必須のアクセシビリティコントロールはユーザーのみが設定できます。

アクセシビリティコントロール
説明
対象となるユーザー
スクリーンリーダー
視覚障害のあるユーザー向けに、オンスクリーンの内容を読み上げます。
  1. 全盲のユーザー
テキストサイズ
読みやすさや視認性向上のためにテキストサイズを調整できます。
  1. 弱視のユーザー
  2. 認知障害を持つユーザー(ディスレクシアなど、大きくて見やすい文字を必要とする場合)
  3. 眼精疲労を感じるユーザー(乱視など)
ズーム
ページ内容を拡大・縮小し、見やすくします。
  1. 乱視のユーザー
文字間隔
文字間のスペースを調整し、テキストの判読性を高めます。
  1. ディスレクシアを持つユーザー
必須項目表示形式
「必須」やアスタリスクとスクリーンリーダー対応のテキストを用いて、必須項目であることを明確に示します。
  1. 視覚・認知・スクリーンリーダー利用のニーズを持つユーザー
リンクの下線表示
リンクに下線を追加し、表示を明確にして識別しやすくします。
  1. ADHDのユーザー
94:: テキスト拡大鏡
95:: ホバー時にテキストを拡大し、読みやすくします
  1. 96:: 乱視のあるユーザー
97:: カスタムカーソル
98:: カーソルの大きさやスタイルを変更でき、表示や追跡がしやすくなります。
  1. 99:: 視覚・運動・年齢に関連するアクセシビリティが必要なユーザー
100:: カラーフィルター
101:: 色覚に障害のあるユーザー向けに画面の色を調整できます。
  1. 102:: 色覚異常のあるユーザー
  2. 103:: てんかんのあるユーザー
104:: エラーメッセージ表示形式
105:: エラーメッセージを見やすく、識別しやすい書式で表示できます。
  1. 106:: 認知障害のあるユーザー
107:: クイックアクセス
108:: 有効なアプリケーションへのナビゲーションショートカットを提供します
  1. 109:: キーボードのみで操作するユーザー
110:: 無効項目のハイライト
111:: 無効項目にフォーカスを当て、識別や操作をしやすくします。
  1. 112:: 認知障害または視覚障害のあるユーザー

113:: 5.1 スクリーンリーダー
114:: 画面上のテキストを音声に変換する支援技術です。

115:: Zoho Creatorにはネイティブのスクリーンリーダー機能はありませんが、サードパーティ製のスクリーンリーダーと併用できます。データの安全性を確保するため、以下のスタンダードなスクリーンリーダーの利用を推奨します。116::
  1. 117:: MacのVoiceOver
  2. 118:: AndroidのTalkBack
  3. 119:: MicrosoftのNarrator
  4. 120:: JAWS
  5. 121:: NVDA
122:: Creatorでは、設定したスクリーンリーダーがコンテンツを有効な方法で音声出力します。ユーザーは次のキーボードショートカットを押すことで、この操作を実行できます。
  1. 123:: CTRL + 124::(Windowsの場合)
  2. 125:: CMD + 126::(iOSの場合)

127:: 5.2 文字サイズ
128:: ユーザーは、何度も拡大や出力をせずに快適に読めるよう、標準の文字サイズを選択できます。設定可能なサイズは以下の通りです:
  1. 129:: Small(小)
  2. 130:: 初期設定
  3. 131:: 中
  4. 132:: Large(大)
  5. 133:: Extra Large(特大)
134:: Smallフォントサイズはテキスト表示がコンパクトになり、サイズを大きくするにつれて表示も拡大されます。135:: リセットする136:: ボタンをクリックすると、文字サイズを137:: 初期設定138:: に戻すことができます。


139:: 5.3 ズーム
140:: ユーザーはアプリケーションの有効方法内で、コンテンツを25%から150%の範囲で拡大・縮小することができ、ブラウザのズーム機能とも互換性があります。141:: Creatorのレイアウトは、25%から150%のズーム時も完全に機能します。

142:: このコントロールは、キーボードショートカットを押すことで呼び出せます:
143:: CMD + +/-
144:: 各操作の内容は以下の通りです。
  1. 145:: CMD 146:: + +147:: コンテンツを拡大
  2. 148:: CMD + -149:: コンテンツを縮小
150:: 5.4 文字間隔
151:: ユーザーが自分の読書スタイルに合わせて標準の文字間隔を設定でき、読みやすさの向上や目の疲れの軽減に役立ちます。下記の4種類のプリセットから選択できます。152:: 視覚的な印象を変化させることができます。
  1. 153:: 普通
  2. 154:: 中
  3. 155:: 狭い
  4.  156:: 広い
157:: 5.5 Mandatory 項目の表示形式
158:: ユーザーは必須フォーム項目を視覚的に示すための標準形式を選択できます。159:: フォーム内で必須項目を明確に識別できることは、入力漏れや送信エラーを防ぐために重要です。

160:: ここでは2つの設定がサポートされており、プレビューすることができます。161:: スクリーンリーダーユーザーや認知障害のある方は、赤いアスタリスクなどの色分けだけでなく、「Mandatory」など明確なラベルに依存しています。
  1. 162:: アスタリスク163:: - 必須フォーム項目の横に164:: 赤色のアスタリスク165:: を追加します。
  2. 166:: Mandatory テキスト167:: - 必須フォーム項目の下に「168:: Mandatory」と表示されます。

5.6 アンダーライン付きリンク
ハイパーリンクに下線を追加し、他のテキストと区別しやすくすることで、識別や操作が容易になります。これにより、ユーザーは意図した場合のみリンクをクリックできます。このコントロールを有効にするには、オンボタンを必須で切り替えます。初期設定ではこのコントロールはオフになっています。

5.7 テキスト拡大鏡
ユーザーはテキストにカーソルを合わせると、選択したフォントサイズや行間を維持したまま文字を拡大表示できます。この機能はOption/Altキーを押すことで有効になります。

5.8 カスタムカーソル
ユーザーは自身の各種設定に基づき、カーソルの色やサイズをカスタマイズできます。これにより、画面上でカーソルの動きを簡単に追跡できるようになります。本機能を有効にすると、カーソルのサイズを次の中から調整可能です:



さらに、カーソルの色はまたはから選択できます。

5.9 Color フィルター
ユーザーは、テキスト、セクション、ボタン、スクロール棒グラフ、その他のUI要素の表示設定を強調するために画面の色を変更できます。色の知覚を補助し、背景と画面上のコンテンツ間のコントラストが調整されます。このコントロールを有効にすると、下記の設定から選択できます。
  1. グレースケール - このカラーモードは、コンテンツを灰色の濃淡で表示します。
  2. 反転 - このカラーモードは、画面上の色を反転し、明るい部分と暗い部分を入れ替えます。
  3. プロタノピア(赤/緑)
  4. デュタノピア(緑/赤)
  5. トリタノピア(青/黄)
5.10 エラー メッセージ Display 形式
ユーザーは、エラーメッセージの色を選択したり、エラーアイコンを追加したりして、エラーメッセージをより見つけやすく、対応しやすくできます。プレビューセクションでエラーメッセージの表示例を確認できます。
  1. エラーメッセージの色 - カラーピッカーから利用可能なアクセシブルカラーのいずれかを選択します。特定の色の識別が難しい色覚障害のある方に有用です。
  2. メッセージと一緒にエラーアイコンを表示 - このオプションを選択すると、エラーメッセージと共にエラーアイコンが表示されます。色の識別ができない方にも有用です。
5.11 クイックアクセス
このコントロールを有効にすると、有効アプリケーションのヘッダースペースメインメニューアプリコンテンツへのナビゲーションショートカットが提供されます。
メモ: この機能はアプリケーションの有効方法で Control + を使っても有効化できます。ユーザーは「タブキー」を利用してアプリの有効方法内の次のオプションに移動できます。

5.12 無効項目のハイライト
Creator では、無効項目はグレー表示されるため、色覚に問題がある方は見落とす可能性があります。このコントロールを有効にすると、無効項目が強調表示され、ユーザーがその項目を使用できないことが明確に分かるようになります。
ユーザーはオンボタンを必要に応じて切り替え、このコントロールを有効化できます。初期設定ではこのコントロールはオフに設定されています。

  1. WebアクセシビリティとWCAG準拠
前へ
ユーザーが自分の好みに合わせて利用可能なアクセシビリティコントロールを設定する方法について学ぶには、こちらを参照してください:how to 作成 内税 apps

​​​​​

    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



            Zoho Campaigns Resources

              Zoho WorkDrive Resources




                • Desk Community Learning Series


                • Digest


                • Functions


                • Meetups


                • Kbase


                • Resources


                • Glossary


                • Desk Marketplace


                • MVP Corner


                • Word of the Day


                • Ask the Experts









                                Resources

                                Videos

                                Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                eBooks

                                Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                Webinars

                                Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                CRM Tips

                                Make the most of Zoho CRM with these useful tips.