Lucid 文書のアクセシビリティを高める

自分のアクセシビリティを向上させる

文書を編集する場合でも、共有された文書を表示する場合でも、Lucid 製品には、特定のニーズに基づいてエクスペリエンスを向上させるのに役立つ設定がいくつかあります。 詳細については、以下のセクションをお読みください。

キーボードとキャンバスナビゲーションのショートカットを使用する

Lucid には、Lucid での作業をより速く、またはよりアクセシビリティを高めて行うために使用できるさまざまなキーボード ショートカットがあります。キーボード ショートカットは使用しているデバイスの種類によって異なります。デバイスで使用できるショートカットの完全なリストを取得するには、次の手順に従います。

1. Lucid 文書を開きます。
2. キーボードのFN+F1を押します。
3. 文書の右側に表示されるポップアップ ウィンドウで、Lucid で使用可能なキーボード コマンドのリストを確認します。

下の画像は、キーボードの FN + F1 キーを押したときに表示されるパネルの例を示しています。この例は、利用可能なスクリーンショットの一部のみを示しており、Mac キーボードに固有です。デバイス固有のショートカットをすべて表示するには、Lucid 文書内で FN+F1 キーを押します。

キーボード ショートカットに加えて、ツールバーから選択したり、キャンバス上やコンテナー内のオブジェクト間を移動したりするには、Lucid のキャンバス ナビゲーションを使用することをお勧めします。 Lucid ヘルプ センターでは、キーボードを使用して Lucid 内のオブジェクトを有効にして操作するための詳細な手順をご覧いただけます。

ドキュメント設定の調整

次のドキュメント設定を変更して、Lucid での表示または編集エクスペリエンスを調整できます。

• Lucidchart と Lucidspark では、次のようになります。
  • 共同編集者カーソルをオフにして 、キャンバス上の動きの量を減らします。
  • ナビゲーションモードを変更して、マウスとトラックパッドのどちらを使用しているかを反映します。
• ルシッドチャートでは:
  • GIFアニメーションをオフに切り替えます。
  • 図形パネルの外観を変更して、テキストの説明を含めます。
• Lucidspark の場合
  • カーソルまたはトラックパッドでボードをパンするときの動きを減らします。

ユーザー設定を調整

Lucid アカウント設定には、特定のアカウントに設定できる 2 つのアクセシビリティ オプションがあります。 これらの設定を行うと、すべてのLucidchartおよびLucidspark文書で同じエクスペリエンスが実現されます。

最初に設定できる設定は、フローティング通知を手動で閉じて、通知を読む時間を増やすことです。 2 番目のオプションは、キーボード ナビゲーションをより細かく制御するために、文字キーのショートカットを無効にすることです。 どちらのオプションも、スクリーン リーダーを使用して Lucid 内のオブジェクトや要素をナビゲートする際のエクスペリエンスを向上させるように設計されています。

アクセシビリティの設定を行うには、次の手順に従います。

1. Lucid ホームページまたは文書の右上隅にあるプロフィール アイコンまたはイニシャルを選択します。
2. 表示されるメニューから、 「アカウント設定」をクリックします。
3. ページの左端にあるメニューから、 [ユーザー設定]を選択します。
4. 「アクセシビリティ設定」セクションまで下にスクロールします。
5. 以下のスクリーンショットに示すように、ボックスを選択して、好みに応じて「フローティング通知を手動で閉じる」および「文字キーのショートカットを無効にする」オプションを有効にします。
   
6. 右上隅の「変更を保存」を選択します。

色のプレーンテキスト名を表示する

特定の色をさらに区別する必要がある場合は、ドキュメントのカラー ピッカーでカーソルを色の上に合わせて、その色のプレーンテキスト名を取得します。 これらの名前は、 Lucidsparkボードの左側にあるメインツールバーから付箋を選択したときにも表示されます。

ズーム設定を調整する

Lucid ワークスペースの右下隅にあるズーム設定を使用して、画面上のコンテンツのサイズを拡大または縮小します。

文書のズーム設定を使用すると、文書のコンテンツにのみ影響し、ツールバーには影響しません。 ツールバーの拡大版が必要な場合は、ブラウザ設定でズームを大きくしてください。

Lucidでスクリーンリーダーを使用する

他のユーザーのアクセシビリティを向上させる

他のユーザーが閲覧できるドキュメントを作成する場合、既存の Lucid 機能を使用して、さまざまなニーズを持つ閲覧者がドキュメントにアクセスしやすくする方法はたくさんあります。 詳細については、以下のセクションをお読みください。

アクセシブルなコンテンツに関する一般的なベストプラクティス

コンテンツを作成するときは、視聴者に配慮し、意識することが重要であり、それには常にアクセシビリティが含まれます。 網羅的ではありませんが、次のベスト プラクティスは、Lucid でよりアクセスしやすい文書を作成するのに役立ちます。

包括的で非断定的な言葉を使う
Lucid 文書にアクセスするすべての人が、同じ方法で情報を理解するわけではありません。 メッセージを伝えるために使用する言葉を選択するときは、慎重に、そして識別力を持ってください。 たとえば、「詳細についてはこのページをご覧ください」ではなく、「詳細についてはこのページを確認してください」を使用します。

専門用語、過度に技術的な用語、慣用句を避ける
メッセージが誰にとっても明確で実行可能なものとなるように、標準的な言語を使用してください。 たとえば、「相乗効果」の代わりに「協力する」を使用します。

ハイパーリンクで説明をわかりやすくする
リンクをクリックすると何が起こるかを視聴者が理解できるようにします。 たとえば、「ここをクリック」ではなく、「このページを新しいタブで開く」を使用します。

画像に代替テキストを含める
Alt テキストは、視聴者が Lucid のコンテンツから価値を得るための追加の方法を提供します。 代替テキストを書くときは、画像を説明する短い説明的な単語を使用してください。

Lucid では、組み込みの代替テキスト機能を使用できます。 詳細については、この記事の「代替テキストを使用してスクリーン リーダー用に文書を最適化する」セクションの手順に従ってください。 冗長性を避けるため、代替テキストや画像の説明を「〜の画像」で始めないでください。

ヒント: Lucid の代替テキスト機能は、文書の PDF をダウンロードした後、スクリーン リーダーでのみ読むことができます。 アクセシビリティを向上させるもう 1 つのオプションは、画像の下に簡単な説明をプレーンテキストで含めることです。

アクセシブルなスタイルでカスタマイズする

よりアクセシビリティの高い文書を作成するための最初のステップは、包括的でアクセシビリティのニーズをサポートする書式スタイルと色を使用して文書をカスタマイズすることです。

色
文書をカスタマイズするために色を選択するときは、次の提案を考慮してください。

• 背景、オブジェクト、線、およびテキストとの高い色のコントラストを使用します。
• より多くの情報を提供するために、色以上のものを使用してください。
  • たとえば、保留中であることを示すために赤い付箋を使用する場合は、 タグ やその他の種類のラベルも追加することを検討してください。
• 文書の背景色を暗くして、目への負担を軽減します。別の方法として、明るい背景を維持しながら暗い フレーム を使用します。

テキスト
テキストを読みやすくするには、次のオプションを検討してください。

• 可能な場合はフォントサイズを大きくします。
• Liberation Sans など、読みやすいシンプルなフォントを使用します。
• 画像の下にキャプションを追加して、画像の内容と目的を説明します。

台詞
線を使用してドキュメント内のオブジェクトを接続する場合:

• ピクセルサイズを大きくして、線を太くし、たどりやすくします。
• 可能であれば、互いに線を越えることは避けてください。 やむを得ない場合は、対照的な色や飛び越し点の使用を検討してください。

コンテンツを整理し、気を散らすものを減らす

Lucid 文書で使用するスタイルやカスタマイズを意図的に行うことに加えて、コンテンツを整理して気を散らすものを減らすことで、文書の読みやすさとアクセシビリティを向上させることもできます。

コンテンツを整理する
ボード全体の構成を計画するときは、コンテンツを拡大した場合でも簡単にスクロールできるように、アイテムを直線パターンで配置します。 Lucid には、コンテンツの整理に役立つさまざまな機能があります。 これらの機能が利用できる場所の詳細については、以下の表を参照してください。 機能の詳細情報を取得するには、表の最初の列にある関連するリンク テキストをクリックします。

*動的テーブルはプレミアムアカウントのみが利用可能です。 アップグレードの手順については 「Lucidアカウントのアップグレード 」記事をご覧ください。

気を散らすものを減らす
次のヒントは、ドキュメントの閲覧者がコンテンツに集中し続けるのに役立ちます。

• 色の選択に一貫性を持たせます。 テキストと背景のコントラストを高くしますが、過度に明るい色は避けてください。
• GIFを控えめに使用することで、キャンバス上の動きを減らします。
• 可能な場合は、簡単な言語と箇条書きを使用します。 大きなテキストのチャンクは避けてください。

プレゼンテーション時に共同編集者の注意を導く

コンテンツを整理し、気を散らすものを減らすと、ドキュメントを共有または公開するときの読みやすさが向上します。 これらの同じ原則は、ライブ対象ユーザーにドキュメントを提示する場合にも適用されます。 次のヒントは、提示している資料を聴衆が完全に理解するのに役立ちます。

• プレゼンテーションを使用して文書を整理 します。
• 他のユーザーを招待して、ドキュメント内を移動するときにフォローしてもらいます。
• Lucidspark の ファシリテーターツール を使う。
• 視聴者が動きを邪魔すると感じた場合は 、共同編集者のカーソルを非表示 にするように促します。

代替テキストを使用してスクリーンリーダー用に文書を最適化する

Lucidchart と Lucidspark のアクセシビリティ設定を使用すると、文書内のオブジェクトに代替テキストを追加したり、ダウンロード済みのアクセシブルな PDF 上のオブジェクトをスクリーンリーダーが読み上げる順序を変更したりできます。

画像にオルタナティブテキストを追加

1. canvas上の画像を右クリックします。
2. [ 代替テキストの追加] を選択します。
3. 表示されるパネルに画像の説明を入力します。
4. [保存] をクリックします。

オブジェクトへの代替テキストの追加

1. キャンバスの左上から、その他のメニュー 開きます。
2. ドロップダウンから [エクスポート] の上にカーソルを置きます。
3. [PDF ] を選択します。
4. エクスポートオプションの[詳細設定]で、[アクセシブルなPDF]の横にあるチェックボックスをオンにします。
5. [ アクセシビリティ設定] をクリックします。
6. ワークスペースまたはページの右側にある番号付きリストから項目を選択します。
7. ページの右上隅にある「代替テキスト」の下のボックスにオブジェクトの説明を入力します。

ハイパーリンクに代替テキストを追加する

上記の「オブジェクトに代替テキストを追加する」セクションの手順に従って、代替テキストを使用して、ドキュメント上のハイパーリンクの目的とリンク先を指定します。たとえば、「ニューヨーク市の天気予報」というスクリーンリーダーは、関連するURLを読み上げるよりもユーザーフレンドリーで説明的です https://weather.com/weather/today/l/USNY0996:1:US

読み上げ順序を変更する

1. 上記の「オブジェクトに代替テキストを追加する」セクションの手順1〜5に従います。
2. 6つのドットのアイコンを使用して、リスト内の番号付きアイテムを新しい位置にドラッグします。

リソース

Lucid のアクセシビリティについて詳しくは、以下の追加リソースを参照してください。

コミュニティ投稿（英語のみ）
Lucidのアクセシビリティ
色とコントラストを活用してアクセシビリティを向上させ、文書を包括的にしましょう。
Lucidで利用可能なキーボードショートカットのリスト

ウェブページ
Lucid アクセシビリティ ホームページ

Lucid コミュニティへの投稿

Lucid の追加のアクセシビリティ オプションについて話し合うには、 Lucid コミュニティで会話に参加し、フィードバックをお寄せください。

FedRAMP アカウントのユーザーの場合は、このフォームを使用してフィードバックや機能リクエストを共有してください。

この記事へのフィードバックをお寄せください