List 5 – Associated Link List
List 5 – Associated Link List
Description
This section has a headline and a list of associated links.
Fields and Character Limits
*required fields
Headline*
- Character limit: Recommended limit of 55 characters including spaces.
- Help Text: Help Text: Enter the headline text. There is a recommended limit of 55 characters including spaces. This field renders as an <h2>. See Headers for guidelines and best practices for headlines and sub-headlines.
Link URL*
- Help text: Start typing the title of a piece of content to select it. You can also enter an internal path such as /node/add or an external URL such as http://example.com. Enter <front> to link to the front page. Enter <nolink> to display link text only.
Link text
- Character limits: Recommended limit of 40 characters including spaces.
- Help Text: Enter the link text. There is a recommended limit of 40 characters including spaces. Avoid link text like Click Here, Learn More and More. See Links for more info, including accessibility concerns, examples and best practices.
Available Style Options
- None
Where Can You Use This Section?
The section is available in the following templates and content types:
Templates
- Basic Content
- Basic + Content
- List
- Start
Content types
- Content Page
- Landing Page
Using on a cloneable Template
- Locate List 5 –Associated Link List in the Body section
- Select Edit
- Replace the placeholder Headline
- For each Link, select Edit and replace the placeholderURL and Link text for list item you’d like to use
- To remove a list item, select the ellipsis on the right edge of the row and select Remove
View ScreenshotTo remove a list item, select the ellipsis on the right edge of the row and select Remove - To add an additional link select the Add Associated Link List Item button
View ScreenshotTo add an additional link select the Add Associated Link List Item button - Enter the URL and Link text
- Select Save at the bottom left of the form
Adding to a new Content or Landing Page
- In the Body area, select Add Body Section
- Select List 5 –Associated Link List, select Add
View ScreenshotSelect List 5 –Associated Link List, select Add - Enter the Headline, URL and Link text
- To add an additional link select the Add Associated Link List Item button
View ScreenshotTo add an additional link select the Add Associated Link List Item button - Enter the URL and Link text
- Enter the URL and Link text
- Select either Save as Draft or Published with the drop-down menu
- Select Save at the bottom left of the form
Accessibility
- Avoid link text like Click Here, Learn More and More. See Links for more info, including accessibility concerns, examples and best practices.
Guidelines and Best Practices
- For the best user experience, be certain that you have a clear and concise headline. And, that all the links you include are meaningfully associated with your headline and the other links.
- There is no set limit to the number of links you can add to an "Associated Link List." However, if you have more than 10 links in your set, take a step back and consider if you can break that larger list down into smaller lists that will make it easier for users to find the information they are seeking.
Removing a Section
To permanently remove a section from a page:
- Select the vertical ellipsis to the right of the Edit button at the top-right of your section, select Remove
View ScreenshotSelect the vertical ellipsis to the right of the Edit button at the top-right of your section, select Remove - Select Save at the bottom left of the form
