アクセシブルなFigJamボードを作成する

障がいにはさまざまなタイプがあり、私たちの周りの世界を見る、聞く、話す、触れる、理解する手段に影響を与える可能性があります。障がいには永久的(視覚障がいなど)、一時的(腕の骨折、失声など)または状況によるもの(運転時の視界不良など)があります。障がいは人間であることの一部です。ほとんどの人がその生涯のある時期において一時的または永久的に障がいを経験します。

FigJamボードにインクルーシブな環境をつくるとなれば、一緒に作業する同僚の明らかに分かる制約よりも先のことを考えることが重要です。スクリーンリーダーを使う人、書くときに色々必要になる人、会議中に自分の考えを述べるのに時間がかかる人もいます。

当社は、FigJamを使用する際に心に留めておくいくつかのベストプラクティスをまとめました。このリストがすべてを網羅しているわけではなく、Figmaは誰でもアクセシブルなものになる方法を引き続き模索していくため、この記事も更新していきます。

スクリーンリーダーによるFigJamの使用方法はこちら→

グループコンテンツにセクションを使用する

FigJamボードをセクションに整理します。これにより、スクリーンリーダーを使用するコラボレーターが移動してボードのコンテンツを使うのが簡単になります。

セクションを追加するには:

1. 下のツールバーのをクリックするか、キーボードのショートカット⇧ShiftSを使用します。
2. セクションを追加するボードの場所でクリックして四角のセクションを作成するか、クリックしてからドラッグしてカスタムサイズのセクションを作成します。

セクション使用の詳細はこちら→

ボードを均等配置する

付箋やシェイプなどのオブジェクトを、列と行からなる均等グリッドで並べ替えて整理するには、均等配置を使用します。これにより、スクリーンリーダーを使用するコラボレーターが移動し、ボードを視覚的にスキャンする人の認知負荷を軽減できます。

均等配置を行うには:

1. ボードのオブジェクトを3つ以上選択します。
2. セクションのツールバーのをクリックします。

オブジェクトの配置、均等配置、整理方法はこちら→

順序を表すために番号付きリストを使用する

装飾的な番号、ステッカー、図像を使用せずにアイテムを番号順にするには、テキストボックス内の番号付きリストを使用します。図像は視覚的な参照に依存しますが、ステッカーはスクリーンリーダーで判読できないことがあります。そのどちらも、構造に関する情報解析するために支援技術を使用する人にとっては難しいです。しかし、テキストベースの番号付きリストにはコンテンツの構造に関する正確な情報が記載されています。

FigJamの番号付きリスト作成方法はこちら→

代替テキストを画像に追加する

画像やGIFをスクリーンリーダーを使用する人や視覚障がいのある人に説明するには、代替テキストを使用します。このテキストは意味のある画像をすべて説明し、キーボードやスクリーンリーダーで移動する人がそのビジュアルが伝えようとしていることを理解できるようになります。

代替テキストを追加するには:

1. 画像またはGIFを選択します。
2. [代替テキスト]をクリックします。
3. 説明を追加します。
4. Return/Enterを押します。

FigJamでの画像使用の詳細はこちら→

空白に入力する

作業中、参加者に空白に入力してもらう場合は、アンダースコアを使って空白を知らせるようにします。これで、センテンスにある欠落したテキストのように見える意図的な空白を、スクリーンリーダーを使用する人に伝えます。

音楽でスクリーンリーダーが聞こえなくなる

FigJamの音楽機能を使用すると、スクリーンリーダーを聞くのが妨げられたり、聞きづらくなることがあります。

色の使用

色の使用に関する考慮事項:

• セクションや付箋のFigJamプリセットカラーは、アクセシビリティを考慮して構築されています
• 通常、付箋のテキストは黒で、プリセットカラーとペアリングしているため、コントラストの問題を気にする必要はありません
• テキストツールでカスタムカラーを使用する場合、テキストには背景の色に対して適切なコントラストを設定する必要があります
• セクションにカスタムカラーを使用する場合は、コンテンツに対して十分なコントラストを設定する必要があります
• フォント色の変更は避ける
• 色覚障がいのある人に問題となることがあるため、赤やピンクや緑のテキストは避けましょう
• 迷ったときは、オンラインで見つかるカラーコントラストチェッカーを使用しましょう
• 光に過敏なユーザーの場合は、暗い背景を使用しましょう

マルチプレイヤーカーソルをオフにする

マルチプレイヤーカーソルは、動きに敏感な人にとって気が散り作業に影響することがあります。他のチームメンバーのアクションに気を取られたくない場合は、自分のビューから他のユーザーのカーソルを非表示にできます。

1. (ツールバーのズームレベルから)[ズーム/表示オプション]メニューを開きます。
2. [マルチプレイヤーカーソル]オプションの横のチェックがオフの場合は、オンにして表示させます。
3. チェックがオンになっていて既に表示されている場合は、[マルチプレイヤーカーソル]をもう一度クリックして非表示にします。
4. キーボードのショートカット⌥Option⌘Command\またはControlAlt\を使用してマルチプレイヤーカーソルを切り替えることもできます。

カーソルチャットを避ける

カーソルチャットは、スクリーンリーダーで読むことはできず、メッセージが消えるまでのタイミングで読むのが難しい人もいます。ボードにメッセージを追加する場合は、コメントの使用をお勧めします。

FigJamへのコメント追加方法はこちら→

スタンプを使用する

ステッカーは、FigJamボードをパーソナライズする最適な方法ですが、必ずしもスクリーンリーダーで読みやすいとは限りません。ボードに何かリアクションを加えたい場合は、スタンプホイールを使用しましょう。

1. スタンプツールを選択します。これを行うには、いくつかの方法があります:

   • ツールバーのをクリックします。
   • キーボードのショートカットEを押します。
   • ボードを右クリックして[スタンプ]を選択します。
   • をクリックして[スタンプ]を選択します。

2. スタンプホイールから自分が選んだスタンプをクリックします。

3. ボードまたはオブジェクトをクリックしてスタンプ配置します。

スタンプ使用の詳細はこちら→

テキストの使用

テキスト使用に関する考慮事項:

• 大きなブロックのテキストは避ける: ボードのテキストを複数の付箋に分けるか、箇条書きのリストを使うことを検討しましょう
• シンプルなフォントを使用する: 筆記体のフォントは避け、FigJamにあるシンプルな本で使われるような、テクニカルなフォントを使用しましょう
• 大きなフォントを使用する: テキストを読むのに拡大できない人にも読めるように、フォントのサイズを大きくしましょう

FigJamでのテキスト作成と書式設定の詳細はこちら→

指示を与える

あなたとコラボレーションする人が誰でもデジタルホワイトボードを使ったことがあるとは限りません。使用経験があったとしても非常に用途が広く、あなたのファイルに対してコラボレーターにしてほしいことを正確に理解するのは難しいかもしれません。チームが楽にタスクをこなしていくには、各作業に対して専用セクションに指示をしましょう。

タイマーの使用

ボードを移動したり自分の入力をするためにもっと時間が必要だと思っている同僚がいるかもしれないので、選択肢を与えて非同期的にボードに貢献したりセッションの時間をさらに増やします。

FigJamでのタイマー使用の詳細はこちら→