Plain text links in Vet Center spotlights in CMS

[laflannery]

Description

On the Vet Center content type, there is a Spotlight section (Featured content). When links are added, they are shown as naked links rather than linked text which is not an ideal experience for screen reader users.

Is it possible to update this so that the links render as they would on the FE, with the linked text instead?

Screenshot

Example: Brockton Vet Center

Additional Info

On the VAMC System page, when the user enters similar content (a link URL and link text), these do display as correct linked text. This would be the behavior we would want here:

Accessibility Standard

WCAG version 2.0 A, Criterion 2.4.4

Acceptance Criteria

• Update links in Spotlight content to display as linked text
• Accessibility review

CMS Team

Please check the team(s) that will do this work.

• Program
• Platform CMS Team
• Sitewide Crew
• ⭐️ Sitewide CMS
• ⭐️ Public Websites
• ⭐️ Facilities
• ⭐️ User support

[davidmpickett]

Following up on my comment from on 16169, I think that the root place that change should be implemented is on the Display settings of the Call to Action paragraph type. The Spotlight content paragraph type is using the default View mode for CTA paragraphs.

If we wanted to scope this change to the Spotlight content paragraph type, we could create a new View Mode and use for when CTA paragraphs are embedded in Spotlights, but I think the intent here is to fix all instances

[davidmpickett]

Part of the underlying issue here seems to stem from a decision to separate the Link Text field from the Link field on the CTA paragraph type. The example you show of VAMC Systems is using the Link field to manage both the URL & the link text. That is why those links are able to show up as a unified link, because both halves of each link are stored in a single field.

By contrast, the Link field on the CTA paragraph type has disabled the built in link text option.

There may be a way to recombine these in the display, but honestly, the real question is why are we sometimes using the CTA paragraph type vs. the Link field, because this separation or URL and link text seems to be the main functional distinction. 🤔