---
sourceDocument: Xanadu モバイルの構成とナビゲーション
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/mobile

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu モバイルの構成とナビゲーション

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Platform


---

# カードテンプレート内でアイコンタイプとして定義されたボタンのナレーションテキストを追加する

# カードテンプレート内でアイコンタイプとして定義されたボタンのナレーションテキストを追加する {#ariaid-title1}

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

スクリーンリーダーのサポートにより、画面上の要素にナレーションテキストが表示されます。ただし、アイコンタイプとして定義されたボタンなどの要素には、追加の構成が必要な場合があります。これらの要素には代替テキストが追加され、スクリーンリーダーがカードテンプレート内のボタンのコンテンツを読み上げられるようになります。

## 始める前に

必要なロール：admin

## このタスクについて

アイコンタイプとして定義されたボタンの代替テキストは、カードとカードテンプレートの両方でカード要素として定義できます。このトピックでは、カードテンプレートの構成について説明します。アイコンタイプとして定義されたボタンの作成の詳細については、「 [アイコンセクションで追加機能を構成する](https://servicenow-prod.fluidtopics.net/OxyB0pdX34pN_n_p3aI3AA "表示するアイテムのタイプ (アイコン、画像、テキストのみ)、列数、大画面の設定など、追加のアイコンセクション機能を定義します。これらの機能は、モバイルアプリビルダー とは異なり、Web ベースの UI で構成されます。")」を参照してください。

## 手順

1. 移動先 すべて.
2. フィルターナビゲーターで、「 <kbd class="ph userinput">sys_sg_view_template.list</kbd> 」と入力して \[カードテンプレート\] ページを開きます。
3. アイコンタイプとして定義されたボタンを含むカードテンプレートを選択します。  
   \[カードテンプレート\] ページが表示されます。
4. ページの \[カードテンプレート要素\] 領域で、代替テキストを追加するカードボタン要素テンプレートの 1 つを選択します。  
   \[カードテンプレート要素\] ページが表示されます。
5. \[カードテンプレート要素の属性\] 領域で \[新規\] を選択します。  
   カードテンプレート要素の属性ページが表示されます。
6. \[ タイプ \] フィールドに、「 <kbd class="ph userinput">AlternateTextValue</kbd>」というテキストを入力します。
7. \[ 翻訳可能な値 \] フィールドに、スクリーンリーダーによって読み上げられるテキストを入力します。
8. \[送信\] を選択します。
9. \[カードテンプレート要素\] ページで \[ 更新 \] を選択します。
{#voiceover-button-card-template__steps_j2x_wc5_vxb}