[Component amendment]: <CTA Block> Add CSS pseudo element for the single right-pointing angle quotation mark (›)

[Sophie-32]

Component/pattern to amend

Context

Our link text CTAs use the single right-pointing angle quotation mark (›) at the end. Screen readers may read this out so our CTAs sound like “ contact us single right-pointing angle quotation mark”. I suggest updating the CSS:

.p-cta-link::after {
content: ' ›';
margin-left: 0.5rem;
}

Then this is properly coded as a styling element.

[syncronize-issues-to-jira]

Thank you for reporting your feedback to us!

The internal ticket has been created: https://warthogs.atlassian.net/browse/WD-36419.

This message was autogenerated

[dgtlntv]

Design systems contribution meeting:

• For this pattern we agree that the chevron should not be announced to screen readers. How it is implemented should be decided by the developer implementing it.
• For Pragma we should potentially consider to have a general approach towards announcing / not announcing icons and symbols more generally.