---
sourceDocument: Australia Mobile Configuration and Navigation
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/mobile

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia Mobile Configuration and Navigation

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Development, Data and Analytics


---

# Card template button voiceover text

# Adding voiceover text for buttons defined as icon type within card templates {#ariaid-title1}

* Release version: Australia
* 
* Updated March 12, 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Screen reader support provides voiceover text for elements on the screen. However, elements like buttons defined as icon type may require additional configuration. Alternative text is added to these elements enabling the
screen reader to read the content of the button within card templates.

## Before you begin

Role required: admin

## About this task

You can define alternative text for buttons defined as icon types as card elements within both cards and card templates. This topic covers the configuration for card templates. For more information about creating buttons
defined as icon type, see [Configure an icon UI section](https://servicenow-prod.fluidtopics.net/tFaWgy84xNd2Yl3wOf_TIQ "Use the icon UI section type to navigate to screens, launcher screens, and functions.").

## Procedure

1. Navigate to All.
2. In the filter navigator, enter <kbd class="ph userinput">sys_sg_view_template.list</kbd> to open the Card templates page.
3. Select the card template that contains a button defined as an icon type.  
   The Card template page displays.
4. In the Card template elements area of the page, select one of the card button element templates, where you want to add the alternative text.  
   The Card template element page displays.
5. Select New, in the Card template element attributes area.  
   The Card template element attribute page displays.
6. In the Type field, enter the text <kbd class="ph userinput">AlternateTextValue</kbd>.
7. In the Translatable value field, enter the text to be read out by the screen reader.
8. Select Submit.
9. Select Update in the Card template element page.
{#voiceover-button-card-template__steps_j2x_wc5_vxb}