Site Intercept - Accessibility | Qualtrics

Accessibility

Introduction

Through Creatives built in Site Intercept are compatible with screen readers, there are several steps that you can take to enhance the Creative and meet more rigorous accessibility standards. This page outlines how to modify the HTML code of your Creative to enhance various elements.

Attention: Custom coding features are provided as-is and may require programming knowledge to implement. Our support team does not offer assistance or consultation on custom coding. If you’d like to know more about our custom coding services, please contact your Qualtrics Account Executive.

Enhancing Target Buttons

To enhance Target as image

  1. Double click into the Target element that contains the image.image04
  2. Click Source.image07
  3. Add an alt attribute to the tag and set the value equal to the text of the image.
    <img alt="Sign Up Now" ... />
    Qtip: Screen reading software will read aloud what is contained in the alt attribute when it arrives at the picture.

    image08

  4. Surround the <img> tag with a <span> tag.
    image01
  5. Add a role=”button” attribute to the <span> tag.
    <span role="button"><img .../></span>
    Qtip: The role attribute tells the visitor using a screen reader that this element is a button that can be activated.

    image15

To enhance Target as text

  1. Double click into the Target element that contains the text.image14
  2. Click Source.image13
  3. Add a role=”button” attribute to the <span> tag.
    <span role="button" ... >Textbox content</span>

    image03

Enhancing Close Buttons

Close as Image

  1. Double click into the Close element that contains the image.image00
  2. Click Source.image10
  3. Add alt=”close” attribute to the <img> tag.
    <img alt="close" ... />
    Qtip: Screen reading software will read aloud what is contained in the alt attribute when it arrives at the picture

    .
    image05

  4. Surround the <img> tag with a <span> tag.
    image06
  5. Add a role=”button” attribute to the <span> tag.
    <span role="button"><img .../></span>
    Qtip: The role attribute tells the visitor using a screen reader that this element is a button that can be activated.

    image11

Close as Text

  1. Double click into the Close element that contains the text.image12
  2. Click Source.image02
  3. Add a role=”button” attribute to the <span> tag.
    <span role="button" ...>Textbox content</span>
    Qtip: The role attribute tells the visitor using a screen reader that this element is a button that can be activated.

    image09