Content Layout Background Anchor Settings

This is the headline, subheadline, and link that sit above your reference cards.  All of these fields are optional.

  1. Text Alignment: Choose to left justify or center align your headline, subheadline, and link.
  2. Headline Text: Specify  the tile frame headline and an SEO tag to wrap the text with.
  3. Subheadline Text: Specify the tile frame subheadline and an SEO tag to wrap the text with.
  4. Link Text: This is the user-facing text for your link.
  5. Action: Chose a link action from the dropdown list.
  6. Tooltip: This tooltip appears to the user when hovered over the link.

There are 7 different Tile Frame layouts which will allow for all the variations of two or three cards on top or bottom.

 

  1. Color: Select from 14 color options (white, light silver, light slate, dark silver, black, blue, dark blue, slate, teal, dark slate, dark teal, light silver texture, light slate texture, dark blue texture, dark slate texture, and dark teal texture) or none.  This should be selected even when using an image so that in case the image doesn’t render, the background will default to the color selected.

  2. Background/Foreground Contrast: The Background/Foreground Contrast setting will adjust according to the Background Color that has been selected.  The author can change the setting, but if an inaccessible combination of color and contrast is selected, a warning message will appear. 

    For more granular control, the option to customize these contrast settings also exist per device
  1. Anchor Name: The field where you can assign a unique anchor name to this banner component so it can be linked to from within the page if necessary.

Examples

Tile frame has a choice of seven different layout options. Shown below are basic examples of a couple of different layouts.

Do's & Don'ts

Poor accessibility tends to be an issue in some tiles. Make sure your text is not only legible over certain backgrounds and images, but also meets contrast standards.