canonical / canonical/vanilla-framework
[Component amendment]: <CTA Block> Add CSS pseudo element for the single right-pointing angle quotation mark (›)
- Dominant language
- HTML
- Stars
- 983
- Forks
- 216
- Avg merge
- 3d 13h
- Merged PRs (30d)
- 3
Description
## [Component/pattern to amend](https://vanillaframework.io/docs/patterns/cta-block)
## 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](https://vanillaframework.io/docs/patterns/cta-block) 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.
Contributor guide
Research direction
Review the CTA Block pattern documentation and locate the `.p-cta-link` styles. Start by checking how the link’s trailing angle mark is currently rendered; done means the mark is supplied through the requested CSS pseudo-element styling rather than link text, with the CTA appearance preserved.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100