Strategy One

イメージのフォーマット パネル

イメージを作成したら、サイズ変更、背景色や罫線の書式設定、および Strategy One (March 2025) 以降、スクリーン リーダーに代替テキストを提供してダッシュボードのアクセシビリティを向上させることができます。

アクセス

  1. 書式設定したいイメージを含む既存のダッシュボードを開きます。
  2. ダッシュボードでイメージを選択してください。
  3. (missing or bad snippet)

フィールド

イメージ オプション タブ

  • ファイル: URL またはパスおよびイメージのファイル名を入力します。

  • 参照: イメージを参照するには、このボタンを選択します。

  • OK: ファイルにファイルの場所を入力した後にこのボタンを選択してください。

  • サイズ: イメージのサイズを設定するために、次のオプションのいずれかを選択します。

    • 固定先: 特定の幅と高さでイメージを表示します。追加のオプションが表示されます。
      • 縦横比をロック: イメージの元の縦横比を維持するには、このチェックボックスを選択します。
      • 幅フィールドに、イメージの幅をピクセル単位で入力します。
      • 高さフィールドに、イメージの高さをピクセル単位で入力します。
    • コンテナーに合わせる: イメージの幅と高さがコンテナー内に収まるように表示します。イメージを表示するスペースがイメージの元の縦横比と合わない場合、空のスペースが表示されます。
    • コンテナーを塗りつぶす: コンテナーを満たすようにイメージを表示します。イメージを表示するスペースがイメージの元の縦横比と合わない場合、使用可能なスペースのサイズに合わせてイメージの一部が切り落とされます。
    • 伸ばし: コンテナーで利用可能なすべての容量が塗りつぶされるように、イメージを拡張します。

  • 元のサイズに復元: イメージを元のサイズに戻すには、このボタンを選択します。サイズ フィールドは固定先に設定され、縦横比をロックチェックボックスが選択され、幅および高さフィールドに元のサイズが入力されます。

  • 代替テキスト: Strategy One (March 2025) 以降、イメージの説明を入力します。この説明は、スクリーン リーダーまたは他の支援技術によって使用され、ダッシュボードのアクセシビリティが向上します。

タイトルとコンテナー タブ

これらの設定は、イメージのコンテナーに適用されます。イメージはコンテナー内に表示されます。たとえば、コンテナーがイメージより大きい場合、塗りつぶしの色がイメージの端の周りに表示されます。

  • 塗りつぶし: パレットから背景色を選択します。パーセントフィールドに、背景の不透明度をパーセンテージで入力します。数値が大きいほど不透明度が大きくなります。

  • 罫線: ドロップダウン リストから罫線の線スタイルを選択します。次に、パレットから罫線の色を選択します。

  • (missing or bad snippet)

  • 位置とサイズ: ダッシュボード ページの左上隅から始まる位置をXおよびYフィールドにパーセンテージで入力します。幅と高さをダッシュボード ページのパーセンテージで入力します。

関連トピック

ダッシュボードにイメージを追加