---
sourceDocument: Xanadu IT Operations Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/it-operations-management

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu IT Operations Management

ft:clusterId :

    - itom

bundleId :

    - itom

workflow :

    - Technology


---

# コンテキストに応じた色とアイコンの設定

# コンテキストに応じた色とアイコンの設定 {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：2分

\[コンテキストに応じた色とアイコン\] フォームを使用して、色、テキスト、およびアイコンが、異なるデフォルトまたはカスタムコンテキスト (コンテキスト ID で識別) になるように設定します。

## 始める前に

必要なロール：evt_mgmt_admin

## このタスクについて

\[コンテキストに応じた色およびアイコン\] フォームで要素の色やアイコンをカスタマイズして、アクセシビリティモードがオフでもオンでも、関連する イベント管理 画面で表示される重大度の色またはアイコンを変更できます。アクセシビリティの詳細については、「[アクセシビリティ機能](https://www.servicenow.com/docs/access?context=knowledge-management-service-portal&version=xanadu&pubname=xanadu-servicenow-platform&ft:locale=en-US)」を参照してください。  
各色選択フィールドには、HTML 要素の表示方法を決定する次のいずれかのカスケードスタイルシート (CSS) 形式として色の値を入力するオプションがあります。

* 名前：事前定義された色の名前 (赤、緑、オリーブ、青、ダークブルー、ライトブルーなど)
* RGB 10 進数：RGB (102、153、204)
* RGB 16 進数：#223344
{#configure-contextual-colors-icons__ul_mz5_fsm_2bb}  
CSS 色宣言 (16 進数や RGB 表記を含む) の詳細については、次の Web サイトを参照してください。

* 16 進数および RGB 表記の詳細については、『[HTML Colors (W3CSchools)](http://www.w3schools.com/html/html_colors.asp)』
* 有効な色名については、『[HTML Color Names (W3CSchools)](http://www.w3schools.com/tags/ref_colornames.asp)』
{#configure-contextual-colors-icons__ul_ndp_hpm_2bb}  
ベースインスタンスで提供されるコンテキスト ID は、次のとおりです。

* information_severity
* warning_severity
* minor_severity
* major_severity
* critical_severity
* topology_connection
{#configure-contextual-colors-icons__ul_wws_5mt_2bb}

## 手順

1. 移動先 すべてイベント管理管理コンテキストの色とアイコン.
2. \[新規\] をクリックするか、既存の設定を変更します。
3. 次のフィールドを設定します。  
   {#configure-contextual-colors-icons__table_otm_wvm_2bb__entry__2}

   | アイテム | 説明 |
   |-|-|
   | コンテキストの詳細 ||
   | コンテキスト ID | コンテキストの一意の ID (clear_severity など) を入力します。 |
   | コンテキスト名 | コンテキストのわかりやすい名前。このテキストは、スクリーンリーダーで読み上げることができます。 |
   | バッチ | このコンテキストがメンバーとなっているバッチ。 |
   | 説明 | コンテキストの使用についての説明。 |
   | 色 注: 色フィールドの各エントリについて、カラーコードを入力すると、指定された色を示すブロックがフィールドの右側に表示されます。無効なカラーコードを使用すると、適切なエラー通知がトリガーされます。 ||
   | CSS カラー | コンテキストカラー名に対応する CSS カラーコード。 |
   | インタラクション時 CSS カラー | ホバー時またはフォーカス時に表示される CSS カラーコード。 |
   | アクセス可能 CSS カラー | アクセシビリティモードが有効になっている場合に表示されるアクセス可能な CSS カラーコード。 |
   | インタラクション時のアクセス可能 CSS カラー | カーソルを合わせたとき、またはフォーカスしたときに表示されるアクセス可能な CSS カラーコード。 |
   | アイコン ||
   | アイコン | コンテキストにアイコンが含まれる場合に表示されるアイコン。 |
   | アクセス可能アイコン | コンテキストにアイコンが含まれる場合およびアクセシビリティモードが有効になっている場合に表示されるアイコン。独自のアイコンを追加する、または使用可能なアイコンのリストを表示するには、「[1 つまたは複数の画像のアップロード](https://www.servicenow.com/docs/access?context=upload-multiple-images&version=xanadu&pubname=xanadu-platform-user-interface&ft:locale=en-US)」を参照してください。 |
   [ ]

   {#configure-contextual-colors-icons__table_otm_wvm_2bb}
4. \[送信\] をクリックします。