アクセシビリティコントロールの使用
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
Zoho Creatorでは、障がいのある方を含むすべてのユーザーが認識、操作、理解できるアクセシブルなアプリケーションの構築を支援することに取り組んでいます。私たちは、当社プラットフォームで作成されたアプリが、グローバルなアクセシビリティ基準に沿った包括的で公平な体験を提供できるようにすることを目指しています。
1. 要点
アクセシビリティコントロールを使用すると、アプリケーションの包括性が高まり、能力にかかわらず誰もが効果的に利用できるようになります。このページでは、12種類のアクセシビリティコントロールの詳細と、多様なニーズを持つユーザーにとって包括的で快適な体験を作成するための活用方法について説明します。
透明性の確保とコンプライアンス対応を支援するため、Zoho Creatorではアクセシビリティ適合性レポートを公開しています。より包括的なプラットフォームにするため、ユーザーからのご意見を重視しています。アクセシビリティ上の障壁に気づいた場合やご提案がある場合は、メール（accessibility@zohocreator.com）でお問い合わせください。
2. 利用条件
アクセシビリティコントロールについて。
- Zoho Creatorのすべての料金プランで利用できます
- ライブモードでのみアクセスできます
- ユーザーが好みに応じて設定できます
3. 概要
-
Zoho Creatorは、WCAG 2.2 Level AAアクセシビリティガイドラインに対応しており、ユーザーはこれらのガイドラインをすぐに適用して、能力にかかわらず誰もがアプリにアクセスできるようにできます。
- WCAG準拠レベルの詳細
- WCAGガイドラインの詳細
- Creatorアプリのアクセシビリティを高める方法
アクセシビリティとは、障がいのある方を含むすべての人が利用できるように製品やテクノロジーを設計することです。Webアクセシビリティとは、特にWebサイトやWebベースのアプリケーションを、障がいのある方が障壁なく効果的かつ簡単に認識、理解、移動、操作できるように構築することを指します。これにより、スクリーンリーダー、キーボード操作、色の調整、その他の支援技術を利用するユーザーにとっての包括性が確保されます。
Zoho Creatorのアクセシビリティコントロールを使用すると、視覚や運動に関する支援を通じて、ユーザーはそれぞれのニーズに合わせてアプリケーションを効果的に利用できます。これらのコントロールは、全体的なユーザー体験を向上させるだけでなく、法的なアクセシビリティ基準（WCAGなど）への準拠にも役立ちます。Creatorのこれらのコントロールは、次の2つのセクションに分類されます。各コントロールを有効または無効にしたり、それぞれのニーズに合わせて設定したりできます。
- 視覚：視覚障がい、弱視、色覚特性のあるユーザーを支援するための機能です。
- 運動：細かな運動能力に制限があるユーザー、手先の動作に課題があるユーザー、移動に障がいのあるユーザーを支援するためのコントロールです。
4. アクセシビリティコントロールへのアクセス方法
アクセシビリティコントロールにアクセスするには、次の手順を実行します。
- アプリケーションのライブモードに移動します。
アイコンをクリックします。アクセシビリティコントロールペインが右側からスライドして表示されます。
- 必要なアクセシビリティコントロールを設定します。
アクセシビリティコントロールペインの右上にある［デフォルトにリセット］をクリックすると、設定済みのコントロールをデフォルトに戻すことができます。
5. Zoho Creatorでのアクセシビリティコントロールの使用
- 現在、これらのコントロールはCreatorのWebアプリケーションでのみ設定でき、モバイル端末やタブレット端末には適用できません。
- 必要なアクセシビリティコントロールを設定できるのはユーザーのみです。
|
アクセシビリティ設定
|
説明
|
対象ユーザー
|
|
スクリーンリーダー
|
視覚障害のあるユーザー向けに、画面上の内容を音声で読み上げます。
|
|
|
文字サイズ
|
読みやすさと見やすさを向上させるために、文字サイズを調整できます。
|
|
|
ズーム
|
ページの内容を拡大・縮小し、見やすくします。
|
|
|
リーディングマスク
|
ページの他の部分を暗くして、特定の内容に注意を向けやすくします。
|
|
|
文字間隔
|
文字間のスペースを調整し、テキストの見やすさを高めます。
|
|
|
フォントの選択
|
読みやすさと見やすさを向上させるフォントを選択できます
|
|
|
必須項目の表示形式
|
「必須」などのラベルや、スクリーンリーダーに対応したテキスト付きのアスタリスクを使用して、必須項目を明確に示します。
|
|
|
リンクの下線表示
|
リンクに下線を追加し、視認性を高めて識別しやすくします。
|
|
|
テキスト拡大鏡
|
ホバー時にテキストを拡大し、読みやすくします。
|
|
|
カスタムカーソル
|
視認性や追跡のしやすさを向上させるために、カーソルのサイズとスタイルを変更できます。
|
|
|
カラーフィルター
|
色覚障害のあるユーザー向けに、画面の色を調整できます。
|
|
|
エラーメッセージの表示形式
|
エラーメッセージを明確な形式で表示し、識別しやすくします。
|
|
|
クイックアクセス
|
公開中のアプリケーションへのナビゲーションショートカットを提供します
|
|
| 無効項目の強調表示 |
無効な項目にフォーカスし、識別と移動をしやすくします。
|
|
5.1 スクリーンリーダー
画面上のテキストを音声に変換する支援技術です。
Zoho Creatorには標準のスクリーンリーダーはありませんが、サードパーティーのスクリーンリーダーと併用できます。データを保護するため、以下の標準的なスクリーンリーダーの使用をお勧めします。
- MacのVoiceOver
- AndroidのTalkBack
- MicrosoftのNarrator
- JAWS
- NVDA
Creatorでは、設定済みのスクリーンリーダーはライブモードでのみコンテンツを音声で読み上げます。ユーザーは、以下のキーボードショートカットでこの機能を起動できます。
- CTRL + （Windowsの場合）
- CMD + （iOSの場合）
5.2 文字サイズ
ユーザーは、何度も拡大／縮小しなくても快適に読めるよう、好みの文字サイズを選択できます。利用できるサイズは以下のとおりです。
- 小
- 標準
- 中
- 大
- 特大
小さいフォントサイズではテキストがコンパクトに表示され、サイズを大きくするほど表示も大きくなります。ユーザーは［リセット］ボタンをクリックして、文字サイズを標準に戻すことができます。
5.3 ズーム
ユーザーは、アプリケーションのライブモードでコンテンツを25%から150%の範囲で拡大または縮小できます。この機能はブラウザーのズーム機能と互換性があります。 Creatorのレイアウトは、25%から150%の範囲でズームしても問題なく機能します。
ユーザーは、以下のキーボードショートカットでこの機能を起動できます。
CMD + +/-
各操作は次のとおりです。
- CMD + +でコンテンツを拡大します
- CMD + -でコンテンツを縮小します
5.4 リーディングマスク
認知障害のあるユーザーが、読んでいるテキスト上にフォーカス用の枠を表示して、気が散る要素を減らせます。この機能を有効にすると、ユーザーは要件に合わせて、マスクサイズを小、中、大、カスタムから選択できます。マスクの透明度も好みに合わせて変更できます。
- カスタムを選択した場合、マスクの［高さ］、［幅］、［不透明度］を選択できます。
- ［高さ］と［幅］では、最小値が左端、最大値が右端にあります。
- ［不透明度］では、最も薄い設定が左端、最も濃い設定が右端にあります。
設定を変更した後、［保存］をクリックします。
メモ：［高さ］、［幅］、［不透明度］に指定する値は、10から100の範囲にする必要があります。
5.5 文字間隔
読みやすさを高め、目の疲れを軽減するために、ユーザーは自分の読み方に合わせて文字間隔を設定できます。視覚的な効果の違いに応じて、以下の4つのプリセットを利用できます。
- 標準
- 中
- 狭い
- 広い
5.6 フォントの選択
この機能では、読みやすさを高め、視覚的な負担を軽減するために適切なフォントを選択できます。選択できるフォントスタイルは以下のとおりです。
- システムフォント - 使用しているOSの既定フォント（Windows、macOS、Androidなど）を使用し、見慣れた一貫性のある読書体験を提供します。
- Lexend - 特に読むことが難しいユーザー向けに、読む速度と理解度を高めるよう設計されています。
- Legible - さまざまなフォントサイズで文字を読みやすくするため、明瞭さと文字の識別しやすさに最適化されています。
- OpenDyslexic - 文字認識を高め、文字の混同を減らすことで、ディスレクシアのユーザーを支援するよう設計されています。
5.7 必須項目の表示形式
ユーザーは、フォームの必須項目を視覚的に示す表示形式を選択できます。フォーム内の必須項目を明確に識別できるようにすることは重要です。必須項目が分かることで、入力漏れやフォーム送信エラーを防げます。
こちらでは2つのオプションに対応しており、プレビューで表示を確認できます。スクリーンリーダーを利用するユーザーや認知障がいのあるユーザーには、赤いアスタリスクのような色だけによる手がかりではなく、「必須」などの明確なラベルが必要です。
- アスタリスク - 必須のフォーム項目の横に赤色のアスタリスクを追加します。
- 必須テキスト - 必須のフォーム項目の下に「必須」を追加します。
5.8 リンクの下線表示
ハイパーリンクに下線を追加して視覚的に区別し、識別や操作をしやすくします。これにより、ユーザーは意図した場合にのみリンクをクリックできます。ユーザーは必要に応じて［オン］ボタンを切り替えて、この機能を有効にできます。デフォルトでは、この機能は［オフ］です。
5.9 テキスト拡大表示
選択したフォントサイズと間隔を維持したまま、テキストにカーソルを合わせたときに拡大表示できます。Option／Altキーを押すと、この機能を呼び出せます。
5.10 カスタムカーソル
カーソルの色とサイズを好みに合わせてカスタマイズできます。これにより、画面上でのカーソルの動きを追跡しやすくなります。この機能を有効にすると、カーソルサイズを調整できます。
- 小
- 中
- 大
カーソルの色は、黒または白から選択することもできます。
5.11 カラーフィルター
ユーザーは画面の色を変更して、テキスト、セクション、ボタン、スクロールバー、その他のUI要素の視認性を向上させ、色の認識を補助できます。これにより、背景色と画面上のコンテンツの色とのコントラストが変更されます。この機能を有効にすると、以下のオプションを選択できます。
- グレースケール - このカラーモードでは、グレーの濃淡でコンテンツを表示します。
- 反転 - このカラーモードでは画面上の色を反転し、明るい部分と暗い部分を入れ替えます。
- 1型色覚（赤／緑）
- 2型色覚（緑／赤）
- 3型色覚（青／黄）
5.12 エラーメッセージの表示形式
ユーザーはエラーメッセージの色を選択したり、エラーアイコンを追加したりして、メッセージを見つけて対応しやすくできます。プレビューセクションで、エラーメッセージの表示を確認できます。
- エラーメッセージの色 - カラーピッカーで利用可能なアクセシブルな色から1つ選択します。特定の色の識別が難しい色覚特性のあるユーザーに便利です。
- メッセージと一緒にエラーアイコンを表示 - エラーメッセージとともにエラーアイコンを表示するには、このオプションを選択します。色を区別できないユーザーに便利です。
5.13 クイックアクセス
この機能を有効にすると、公開中のアプリケーションのヘッダー、スペース、メインメニュー、アプリのコンテンツへのナビゲーションショートカットが提供されます。
メモ：アプリケーションの公開モードでは、Control + でも有効にできます。ユーザーはアプリの公開モードで「Tabキー」を使用して、次のオプションに移動できます。
5.14 無効な項目の強調表示
Creatorでは、無効な項目はグレー表示されるため、色覚特性のあるユーザーには見落とされる場合があります。この機能を有効にすると、無効な項目が強調表示されて識別しやすくなり、ユーザーはそれらの項目を使用できないことを把握できます。
ユーザーは必要に応じて［オン］ボタンを切り替えて、この機能を有効にできます。デフォルトでは、この機能は［オフ］です。
6. 関連トピック
［前へ］