canonical / canonical/vanilla-framework

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

Open Beginner friendly
#5,799 2 comments 1 reaction 0 assignees View on GitHub
Priority: Low Tier: Sites WG: Validated
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.