Previous technique
Next technique

Indicate language of link destination

WCAG 2.2
A
#links
<p>
	There is also a page describing <a href="swedish-doc.html" hreflang="sv"
		>why a DOCTYPE is useful</a
	>.
</p>
`

CSS to show a language indicator next to the link

a[hreflang]:after {
	content: ' [' attr(hreflang) ']';
	color: #999;
	vertical-align: super;
	font-size: 70%;
}

CSS alternative with a custom text for each available language:

a[hreflang]:after {
	color: #999;
	vertical-align: super;
	font-size: 70%;
}
a[hreflang='sv']:after {
	content: ' [Swedish]';
}
a[hreflang='fi']:after {
	content: ' [Finnish]';
}
Source of this technique  Opens in a new window

Learn more about the related success criteria: