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